jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果_jquery_脚本之家

正文实例陈述了jQuery完毕鼠标滑过链接调控图片的滑动张开与掩盖效果。分享给我们供大家仿照效法,具体如下:

鼠标移动链接上,滑动展开/隐藏图片效果 ${ $.hover.children.end.slideDown{ $.removeClass.find.slideUp;*{margin:0;padding:0}body{background:#F8F3ED}li{list-style:none}.list{height:40px;background:#fff;padding-left:100px;}.list li{float:left;position:relative;}.list li a{float:left;width:100px;height:40px;line-height:40px; text-align:center;color:#B7B7B7;text-decoration:none; font-family:"微软雅黑";}.list li a:hover{background:#99C228;color:#FFF;}.list .box{position:absolute;top:40px;left:0;display:none;width:240px;height:170px;background:#99C228;color:#FFF;}.list .box img{width:220px;height:150px;margin:10px;}.list li a:hover,.red{background:#99C228!important;color:#FFF!important;}

意在本文所述对大家jQuery程序设计有所帮忙。

此间演示jQuery完成鼠标移动到链接上,滑动张开/掩没图片效果,鼠标放在“上一页”“下一页”上,立刻透露出所对应的图纸,有一些提前预览的意味,让顾客驾驭下一页或下一页的概况内容,很好的晋级换代了顾客体验。

  • 上一页
    图片 1

  • 下一页
    图片 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图