// JavaScript Document
$(document).ready(function(){
/*
*图片变换按纽插件
*2009年3月13日制作
*测试环境Jquery1.32
*作者：chinahuhai@hotmail.com
*虽然制作思路很乱，但是设计思路明确，就是按照设计思路没做好
*但是最终实现了需要的效果，做成了通用的插件了
*第一个自己写成的Jquery小插件。
*其实是个多余的插件,
*该方法可以用CSS伪类写出来的，css优点是JS禁用也会有按纽变化
*css缺点是开发时候按纽多的话（全是图，不通用的话）代码也不少
*js缺点是禁用JS效果就没变化了
*图片变换按纽插件
*思路上应该可以更好的改变下，我觉得代码应该还能简单明了，请会的朋友修改后发份给我到我的电子邮件中，谢谢了
*该插件用的正则表达式提取图片地址，有更好更快更优化的方法一定要发份给我
*<div id="top">
*	<dl>
*    	<dt><a href="index.html"><img src="images/logo.jpg" alt="仁慈医院" /></a></dt>
*        <dd><a href="#"><img src="images/sindex.jpg" alt="设为首页" /></a></dd>
*        <dd><a href="#"><img src="images/ssc.jpg" alt="加入收藏" /></a></dd>
*        <dd><a href="#"><img src="images/online.jpg" alt="在线咨询" /></a></dd>
*       <dd><a href="#"><img src="images/ghao.jpg" alt="网上挂号" /></a></dd>
*    </dl>
*    图片请按照按前"one.jpg"按后"one_on.jpg"方式存储在一个文件夹下
*/
						$(".imgon img").mouseover(function(){
						var oldurl=this.src;
						//var oldurlone=oldurl;
						var a=oldurl.split(".");  
						filename=a[a.length-1];
						reg = /\.\w+$/;
						newname= oldurl.replace(reg,"");
						newurl = newname+"_on"+"."+filename;
						//alert (oldurl);
								$(this).attr("src",newurl);
								}).mouseout(function(){
  									$(this).attr("src",newname+"."+filename);})
});