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

2013-08-11

需要修改扩展下一个jquery插件http://www.0917cc.com/Upfiles/rar/GlideView/上面是预览地址 $(#idGlideV

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

热点排行