您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery相册代码特效 > 正文

网站jQuery产品图片展示切换特效

2015-04-09 04:04:45 作者:天外飞仙 人气:811 Views

网站jQuery产品图片展示切换特效
20150409155607
部分jquery代码

$('.photo_ctrl.clear ul li a').each(function() { $(this).click(function() { var idname = $(this).attr('id'); clicknow = idname; var idl = $(this).attr('name') - 1; //给箭头赋值左 if (idl == 0) { $("#go_per").fadeOut(0); } else { $("#go_per").fadeIn(0); } var idr = parseInt($(this).attr('name')) + 1; //给箭头赋值右 if (idr == photonum + 1) { $("#go_nex").fadeOut(0); } else { $("#go_nex").fadeIn(0); } $("#go_per").attr('title', idl); $("#go_nex").attr('title', idr); for (i = 1; i <= photonum; i++) { $("#p_" + i).fadeOut(0); $("#_" + i + " " + "span").removeClass("nomask"); $("#l_" + i).removeClass("photo_border2"); } $("#p" + idname).fadeIn(300); $("#" + idname + " " + "span").addClass("nomask"); $("#l" + idname).addClass("photo_border2"); });});

下载地址
预览地址

链接:http://www.jqueryba.com/5465.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!