oopslwb
2015-01-15 09:58:18
jQuery点击视频缩略图切换视频播放网页特效源码下载
特效说明:一款jQuery点击缩略图切换视频播放网页特效,点击缩略图并选中当前选项,播放该缩略图对应视频网页特效。该特效调用优酷视频地址,也可以调用本地视频地址,兼容性好。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
JS代码编写:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // 切换视频 $(".video-list li").click(function(){ var obj = $(this); var video_id = obj.attr("video"); var path = obj.attr("id"); var vid = obj.attr("vid"); $(".js_videoCon").hide(); $("#js_videoCon_"+vid).show(); obj.addClass("now").siblings().removeClass("now"); }); }); </script>
猜你喜欢
请下载代码后再发表评论
文件名:videoFocus.zip,文件大小:84.869K
下载
- /
- /videoFocus
- /videoFocus/51RGB海量优秀学习资源.txt
- /videoFocus/images
- /videoFocus/images/bodyBg.jpg
- /videoFocus/images/bodyBg2.jpg
- /videoFocus/images/bodyBg3.jpg
- /videoFocus/images/icon-video.png
- /videoFocus/images/video_1.jpg
- /videoFocus/images/video_2.jpg
- /videoFocus/images/video_3.jpg
- /videoFocus
![最代码相关代码源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
![最代码最近下载分享源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
2652378774 LV7
2023年11月6日
9323249323 LV13
2023年7月25日
xinshofh LV9
2022年11月18日
二十一画 LV10
2021年12月5日
yuan2020 LV2
2021年9月8日
zhengjb LV2
2021年7月30日
明123456 LV11
2021年5月27日
雪海蜘蛛 LV2
2021年2月23日
dafeiyu LV10
2020年6月28日
zbj191 LV1
2020年6月15日
![最代码最近浏览分享源代码列表](https://static.zuidaima.com/resource/img/cattle_ico.png)
wmxhahah LV7
4月8日
2652378774 LV7
2023年11月6日
baozhenghua LV2
2023年9月8日
9323249323 LV13
2023年7月25日
空中飞尘 LV13
2023年6月13日
renyuan LV9
2023年5月7日
Ramon2019 LV1
2023年1月22日
阿龙05 LV6
2022年12月19日
xinshofh LV9
2022年11月18日
hahah55 LV7
2022年6月20日