使用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）；
}）；
}）





以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。