用jquery的属性方法实现图片切换效果

利用jquery的属性方法实现如下简单的图片切换效果，希望大家喜欢

代码如下：

！DOCTYPE html html head meta charset=' UTF-8 '标题图片/title脚本src=' http : js/jquery。量滴js '/脚本样式/* intro */.介绍{ width:470px边距-top : 40px；padd : 25px 19pxborder : 1px实心# e6e6e6背景-color : # fff；} .介绍pic-选择器{/*宽度： 430 px*/高度： 256 px/*左侧浮动：*/} .介绍pic-选择器pic { width: 341px高度： 256像素；飞越：隐藏；向左浮动：} .介绍pic-选择器pic img { width :100%；高度：100%;} .介绍pic-选择器ul { width: 73px向左浮动：左边距left : 5pxmargin-top :0 px；} .介绍pic-选择器ul li {宽度： 80px高度： 60px飞越：隐藏；边距-top : 5px；光标：指针；opacity: 0.5 }。介绍pic-选择器ul Li img {宽度：100%；高度：100%;} .介绍pic-选择器ul Li。活跃{ opa city 3360 1；} .介绍pic-选择器ul Li :第一个孩子{ margin-top : 0px；}/style/head body div class=' intro ' div class=' pic-selector ' div class=' pic ' img class=' cover-size ' src=' http : img/0204 _ 1。jpg '/div ul Li class=' active ' img class=' cover-size ' src=' http : img/0204 _ 1。jpg '/Li Li img class=' cover-size ' src=' http 3360 img/020介绍pic-选择器ul Li ').悬停(函数(){ $(').介绍pic-选择器ul Li ').移除CLaSS(' active ')；$(这个)。添加CLaSS(' active ')；$('.介绍pic-选择器pic img ').attr('src '，$(this).儿童(' img ').attr(' src ')；//MakeImageCultize()；});})/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。