使用jQuery对象方法实现切换效果

使用jQuery对象方法实现切换效果
使用jQuery对象方法实现以下简单的图片切换效果,希望大家喜欢
代码如下:
照片
介绍*
介绍。
{
宽度:470px;
边距:40px;
填料:25px 19px;
边境:1px solid # e6e6e6;
背景颜色:# FFF;
}

intro.pic-selector。
{
宽度:430px / * * /;
身高:256px;
浮动:左/ ***;
}

intro.pic-selector.pic。
{
宽度:341px;
身高:256px;
溢出:隐藏;
浮点数:左;
}

intro.pic-selector.pic IMG。
{
宽度:100%;
身高:100%;
}

intro.pic-selector UL。
{
宽度:73px;
浮点数:左;
左:5px保证金;
边距:0px;
}

intro.pic-selector UL Li。
{
宽度:80px;
身高:60px;
溢出:隐藏;
边距:5px;
光标:指针;
不透明性:0.5;
}
intro.pic-selector img { UL Li。
宽度:100%;
身高:100%;
}

intro.pic-selector UL li.active。
{
不透明性:1;
}

intro.pic-selector ul:第一个孩子。
{
边距:0px;
}

$(函数(){())
图片选择器
$('。intro.pic-selector ul)。Hover(function(){()
$('。intro.pic-selector ul)。RemoveClass(主动的);
$(这)AddClass(主动的);
$('。intro.pic-selector.pic IMG)。Attr('src美元,(这)。儿童('img)。Attr('src '));
( / / makeimagecoversize);
});
})
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部