$(function() { var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积） var len = $("#focus ul li").length; //获取焦点图个数 var index = 0; var picTimer; //以下代码添加数字按钮和按钮后的半透明长条 var btn = "
"; for(var i=0; i < len; i++) { btn += "
" + (i+1) + "
"; } btn += "
" $("#focus").append(btn); $("#focus .btnBg").css("opacity",0.5); //为数字按钮添加鼠标滑入事件，以显示相应的内容 $("#focus .btn span").mouseenter(function() { index = $("#focus .btn span").index(this); showPics(index); }).eq(0).trigger("mouseenter"); //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度 $("#focus ul").css("width",sWidth * (len + 1)); //鼠标滑入某li中的某div里，调整其同辈div元素的透明度，由于li的背景为黑色，所以会有变暗的效果 $("#focus ul li div").hover(function() { $(this).siblings().css("opacity",0.7); },function() { $("#focus ul li div").css("opacity",1); }); //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放 $("#focus").hover(function() { clearInterval(picTimer); },function() { picTimer = setInterval(function() { if(index == len) { //如果索引值等于li元素个数，说明最后一张图播放完毕，接下来要显示第一张图，即调用showFirPic()，然后将索引值清零 showFirPic(); index = 0; } else { //如果索引值不等于li元素个数，按普通状态切换，调用showPics() showPics(index); } index++; },3000); //此3000代表自动播放的间隔，单位：毫秒 }).trigger("mouseleave"); //显示图片函数，根据接收的index值显示相应的内容 function showPics(index) { //普通切换 var nowLeft = -index*sWidth; //根据index值计算ul元素的left值 $("#focus ul").stop(true,false).animate({"left":nowLeft},500); //通过animate()调整ul元素滚动到计算出的position $("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果 } function showFirPic() { //最后一张图自动切换到第一张图时专用 $("#focus ul").append($("#focus ul li:first").clone()); var nowLeft = -len*sWidth; //通过li元素个数计算ul元素的left值，也就是最后一个li元素的右边 $("#focus ul").stop(true,false).animate({"left":nowLeft},500,function() { //通过callback，在动画结束后把ul元素重新定位到起点，然后删除最后一个复制过去的元素 $("#focus ul").css("left","0"); $("#focus ul li:last").remove(); }); $("#focus .btn span").removeClass("on").eq(0).addClass("on"); //为第一个按钮添加选中的效果 } });
您当前的位置：
主页
>
媒体报道
>
推荐阅读
为什么胸口长痘痘
南京灰指甲是怎么引起的
为什么胸口长痘痘
查看全文
点击量： 126
为什么胸口长痘痘?一说到痘痘我们就能幻想满脸痘痘的样子,可是当我们发现胸口长痘痘的时分会觉得很奇怪,怎么胸口也会长痘痘呢?尽管这个不会像脸部痘痘那样影响漂亮,可是给我
南京灰指甲是怎么引起的
查看全文
点击量： 123
疾病灰指甲,相信这种疾病关于很多人来说并不陌生.灰指甲的发病不痛不痒,因而会引起很多人的疏忽.灰指甲一旦发作,将会给人带来很大的损害,因而我们一定要做好相关的预防措施.
共
1
页
2
条记录
南京肤康皮肤病研究所,始建于1958年是南京市医保定点单位,以中西医结合特色治愈各类皮肤...
［详细］
女性脱发有效治疗方法
我们来看看皮炎应该怎样进行预防呢
造成牛皮癣的因素都有哪些呢
日子的护理
疤痕的危害有哪些
冬季皮肤过敏的护理
日常生活中该如何护理青春痘
青春痘产生的原因主要有哪些
如何保养油性粉刺肌肤
患上痤疮后该如何去除
李燕贞
过敏的导火线你知道有哪些吗
如何预防荨麻疹复发
生活中突发过敏怎么办
夏天应该如何预防皮炎
过敏性皮炎的症状
中医主治
牛皮癣
毛周角化
白癜风
脚气
青春痘
酒糟鼻
鱼鳞病
毛囊炎
脱发
手足癣
灰指甲
甲沟炎
扁平疣
斑秃
除疤祛痘
中医祛斑
胎记
永久脱毛
黄褐斑
洗纹身
雀斑
疤痕专科
痘印
美白嫩肤
中医嫩肤
彩光嫩肤
疤痕专科
激光美容
皮肤过敏
荨麻疹
皮肤过敏
湿疹
皮肤瘙痒
疱疹
疾病自测
腋下粘浊
痘痘预警
面部蝶斑
异常掉发
阴囊奇痒
甲板脱落
病疣自测
瘙痒难忍
鳞屑异常
皮屑过多
红肿过敏
突发性秃头
友情链接
网站地图
