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

amu1433 2013-08-08 01:21:20
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插件里面..

并且保持显示的这个图片属于高亮状态...()
...全文
119 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2013-08-08
  • 打赏
  • 举报
回复
//oList.className = i == index ?'focus':'';////////////////增加这句就行,给容器增加focus样式的
//=====>注意需要导入jquery框架
i == index ? $('img', oList).animate({ opacity: 1.0 }) : $('img', oList).animate({ opacity: 0.5 });
amu1433 2013-08-08
  • 打赏
  • 举报
回复
能否把animate 这个特效加进去啊 不行 就算了..
Go 旅城通票 2013-08-08
  • 打赏
  • 举报
回复
/*#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();
}

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧