读书人

急需修改扩展下一个jquery插件

发布时间: 2013-08-11 22:22:29 作者: rapoo

需要修改扩展下一个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 });

读书人网 >JavaScript

热点推荐