繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery toggle()设置CSS样式
- Javascript
- 站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
- 用js实现的十进制的颜色值转换成十六进制的代码
- DHTML form validation
- js资料toString 方法
- js资料prototype 属性
- js实现的网站首页随机公告随机公告
- 一个效果写的HashTable代码
- 用js实现的一个Flash滚动轮换显示图片代码生成器
- 关于javascript函数的几个话题
- 极致之美——百行代码实现全新智能语言
- htm调用JS代码
- 斑马线效果代码
- 从新浪弄下来的全屏广告代码 与使用说明
- 用js实现预览待上传的本地图片
- 用javascript自动显示最后更新时间
- 表单提交时自动复制内容到剪贴板的js代码
- 用roll.js实现的图片自动滚动+鼠标触动的特效
- 一段js小代码，计算距春节还有多少天
- js中设计一段程序，让它能够打印自己的方法收集藏
- 自动生成文章摘要的代码[JavaScript 版本]
Javascript 中的 jQuery toggle()设置CSS样式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 378 ::
收藏到网摘: n/a
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。 toggle()
切换元素的可见状态。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
示例
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle()
结果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
设置背景图片，以突出透明度的效果
复制代码 代码如下:
<head>
<title>toggle()</title>
<style type="text/css">
<!--
body{
background:url(bg.jpg);
margin:20px; padding:0px;
}
img{
border:1px solid #FFFFFF;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("img").toggle(
function(oEvent){
$(oEvent.target).css("opacity","0.5");
},
function(oEvent){
$(oEvent.target).css("opacity","1.0");
}
);
});
</script>
</head>
<body>
<img src="test.jpg">
</body>
评论 (0) All
