/* 基于jQuery框架的通用插件
* 作者: 艺林
* 日期: 2008-05-05
*/
/* 插件名称:解决链接被点击后出现虚线的问题
* 功能描述:链接被点击后,让其自动失去焦点,从而避免出现聚焦时的虚线。
* 使用说明:无需其他设置
* 添加日期:2008-06-16
*/
$(function() {
$("a").focus(
function() {
this.blur();
}
);
/* 插件名称:隐藏正文的文章标题列表
* 功能描述:文章标题列表,默认情况正文通过div隐藏,点击标题div实现正文div的显示与隐藏
* 使用说明:样式为title和content的div成对出现即可
* 添加日期:2008-05-05
*/
$(".title").toggle(
function() {
$(this).next(".content").show();
//$(this).css("border","1px solid #C6D5F5");
$(this).css("background","url(/Images/button_collapse.gif) no-repeat 5px 2px");
},
function(){
$(this).next(".content").hide();
$(this).css("background","url(/Images/button_expand.gif) no-repeat 5px 2px");
//$(this).css("border","0px");
}
);
/* 插件名称:设置对象浮雕效果
* 功能描述:通过对class为relief的对象的鼠标事件的响应,设置其css属性,以实现浮雕效果
* 使用说明:将需要实现该插件效果的对象的class设置为relief即可
* 添加日期:2008-05-05
*/
$(".relief").mouseover(
function() {
$(this).css("border","1px solid");
$(this).css("border-color","#FFFFFF #999999 #999999 #FFFFFF");
}
);
$(".relief").mouseout(
function() {
$(this).css("border","1px solid #EEEEEE");
}
);
$(".relief").mousedown(
function() {
$(this).css("border","1px solid");
$(this).css("border-color","#999999 #FFFFFF #FFFFFF #999999");
}
);
$(".relief").mouseup(
function() {
$(this).css("border","1px solid");
$(this).css("border-color","#FFFFFF #999999 #999999 #FFFFFF");
}
);
/* 插件名称:Treeview控件单击后更改节点背景颜色
* 功能描述:客户端单击事件触发时改变节点背景颜色
* 使用说明:所有节点具有NodeStyle的class
* 添加日期:2008-07-24
*/
$("a.NodeStyle").click(
function() {
$("a.NodeStyle").css("color","#5E5E5E");
$("a.NodeStyle").css("background-color","");
$(this).css("color","#FFFFFF");
$(this).css("background-color","#003366");
}
);
});
posted on 2008-06-18 13:23
艺林 阅读(2526)
评论(18) 编辑 收藏 所属分类:
jQuery