--jquery 图片轮换 潇湘博客
用JQ写最简单的图片轮换功能
<!--http://blog.csdn.net/fkedwgwy---->
<!--潇湘博客---->
<!------>
<!------>
<!------>
<html>
<head>
<script src="http://www.cssrain.cn/demo/1/SildeTab/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("td img").one("click",function(){
var index = $(this).attr("id");
$("#idCodeDiv").fadeOut(500,function(){
$("#idCodeDiv").attr({src:index+".jpg"});
$("#idCodeDiv").fadeIn(500);
});
});
});
</script>
<style rel="stylesheet" type="text/css">
#idDIV{width:10%;padding:8px;background-color:#FFD700;font-family:verdana,tahoma;font-size:1em ;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style>
</head>
<body>
<div id="idDIV"><img id="idCodeDiv"></img></div>
<div><table>
<tr><td><img id="img1" src="img1.jpg"></img></td><td><img id="img2" src="img2.jpg"></img></td></tr>
<tr><td><img id="img3" src="img3.jpg"></img></td><td><img id="img4" src="img4.jpg"></img></td></tr>
</table></div>
</body>
</html>
分享到:
相关推荐
每个几秒切换一张图片 很不错的插件 简单实用
jQuery图片轮换效果,幻灯片轮换效果
jquery特效,jquery焦点图,jquery图片轮换,jquery相册效果,焦点图实例,淘宝焦点图代码下载,{keyword},JS广告代码,JS特效代码
好用的jquery图片轮换效果 很好很强大
用jquery实现的页面图片轮换效果,适用于如首页广告的图片轮换
jquery图片轮换,针对模仿百度的图片左右切换值得参考学习。
jQuery-图片轮换
Jquery图片轮换 渐淡渐显 代码简单
自己写的jquery图片轮换插件(使用超级简单,效果好),内附文档、实例教程及源码
jquery新闻图片轮换,需要加入jquery基类
jQuery图片折叠轮换代码,可以点击左右箭头按钮切换图片,漂亮简洁。兼容主流浏览器,phplearn初学者推荐下载! 使用方法: 1、head区域引用文件 jquery.min.js,chuxz.css 2、在文件中加入<!-- 代码 开始 --><!...
用鼠标点击或者鼠标经过相应的数字会显示相应的图片
超好用的jQuery图片轮换插件nivo-slider
jQuery版图片轮换效果,三个焦点图布局在同一个网页中,每一个都可设置轮播{对象|对象属性}对象属性{宽度|高度|文字大小|自动切换时间}等参数,演示效果如上图所示,从样式上来说,属于标准的图片切换,因此通用性...
jquery 实现的一个图片轮换变化功能,很不错的效果呀!!
jquery图片轮播插件,代码简单,应用宽广
jQuery-轮换
jquery 轮换图片插件 FlexSlider 灵活运用
jquery mobile 图片轮换 html5 可以有用google等浏览器测试,test.html是普通的图片轮换,test1.html是html5图片轮换,按住右键向右或者向左滑动且滑动的距离大于等于30px。 1.向右滑动,图片停留,任意点图片之外...
超极简单实用 图片轮换效果jquery+js+html