需要修改扩展下一个jquery插件
http://www.0917cc.com/Upfiles/rar/GlideView/
上面是预览地址
$("#idGlideView img").each(function(){
$(this).css('opacity', '0.5');
}).hover(function(){
$(this).animate({opacity:1.0});
}, function(){
$(this).animate({opacity:0.5});
});需要把上面的特效 扩展到这个jquery插件里面..
并且保持显示的这个图片属于高亮状态...() jQuery插件 JavaScript
[解决办法]
本帖最后由 showbo 于 2013-08-08 14:12:02 编辑
/*#idGlideView div img{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}*/
#idGlideView div img{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#idGlideView div.focus img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}透明效果修改这里实现,显示的图片给div容器增加focus样式就行了,记得删除你的
$("#idGlideView img").each(function(){
$(this).css('opacity', '0.5');
}).hover(function(){
$(this).animate({opacity:1.0});
}, function(){
$(this).animate({opacity:0.5});
});
这些代码
//相关设置
Set: function (index) {
if (index < 0) {
//鼠标移出容器返回默认状态
this.Each(function (oList, oText, i) {
oList._target = this._width * i;
if (oText) { oText._target = this._height_text; }
})
} else {
//鼠标移到某个滑动对象上
this.Each(function (oList, oText, i) {
oList.className = i == index ?'focus':'';////////////////增加这句就行,给容器增加focus样式的
oList._target = (i <= index) ? this._width_min * i : this._width_min * (i - 1) + this._width_max;
if (oText) { oText._target = (i == index) ? 0 : this._height_text; }
})
}
this.Move();
}
[解决办法]
//oList.className = i == index ?'focus':'';////////////////增加这句就行,给容器增加focus样式的
//=====>注意需要导入jquery框架
i == index ? $('img', oList).animate({ opacity: 1.0 }) : $('img', oList).animate({ opacity: 0.5 });