&&等鼠标光标移动到图片上切换到另外一张图片的js特效是怎么做的？就是把鼠标光标移到图片上去的时候，图片却变成另一张图，这类图片特效尤其是在网上商城上多见，是用什么代码实现的呢？1个牛币所有回答列表(4)&LV4js的onmouseover事件然后改变img的src即可你试试这一段代码，很粗糙的实现；鼠标接触改变，移走复原&!doctype html&&html&&head&&meta charset=&utf-8&&&meta name=&viewport& content=&initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&&&title&无标题文档&/title&&/head&&style type = &text/css&&body{margin:10}img{width:30%;height:20%}&/s tyle&&script type=&text/javascript&&function over(){&& &var s= document.getElementById(&img&);&& &s.src=&http://d./zhidao/pic/item/4ec2ddd5c955af875c6a7efce1b6258.jpg&&& & }function out(){&& &var s= document.getElementById(&img&);&& &s.src=&/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b&sec=&di=a71bcb4e4c3ed&src=/uploads/item//50_HjNYf.jpeg&&& & }&/script&&body&&&div class=&show& onmouseout=&out()& &onmouseover =&over()&&&&div id=&nei& class=&nei& style=&left:0px& && & &img id=&img& src=&/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b&sec=&di=a71bcb4e4c3ed&src=/uploads/item//50_HjNYf.jpeg&&&&/div&&&/div&&/body&&/html&我一般是用jquery实现的HTML语句&img id=&idName&/&jquery语句$('#idName').hover(function(){&& $('#idname').attr(&src&,&这里写新的图片地址，格式是src&);},function(){&& $('#idname').attr(&src&,&这里写原来图片地址，格式是src&);});这样鼠标移上去就是新的图片，移开就是原来的图片&html&&head&&script type=&text/javascript&&function mouseOver(){document.b1.src =&/i/eg_mouse.jpg&}function mouseOut(){document.b1.src =&/i/eg_mouse2.jpg&}&/script&&/head&&body&&a href=&/index.html& target=&_blank&&&img border=&0& alt=&Visit W3School!& src=&/i/eg_mouse2.jpg& name=&b1& &onmouseover=&mouseOver()& onmouseout=&mouseOut()& /&&/a&&/body&&/html&等等完等等等等等等完完等最热搜索问答话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关问答等等等等等等等完完等等等最近浏览暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友君，已阅读到文档的结尾了呢~~
mc我的世界 服务器指令
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
mc我的世界 服务器指令
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口}