html——jQuery练习题3
来源:互联网 发布:淘宝港澳台运费设置 编辑:程序博客网 时间:2024/06/06 05:45
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>每间隔2秒修改一个层的显示状态</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
setInterval(function(){
$("#j1").toggleClass("show");
},2000);
});
</script>
<style>
div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;display: none;}
.show{display:block; opacity: 0.8;}
</style>
</head>
<body>
<div id="j1">每隔两秒修改层的显示状态</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>每间隔2秒修改一个层的显示状态</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
setInterval(function(){
$("#j1").toggleClass("show");
},2000);
});
</script>
<style>
div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;display: none;}
.show{display:block; opacity: 0.8;}
</style>
</head>
<body>
<div id="j1">每隔两秒修改层的显示状态</div>
</body>
</html>
阅读全文
0 0
- html——jQuery练习题3
- html——jQuery练习题1
- html——jQuery练习题2
- HTML 练习题3
- Jquery练习题—实现分组添加功能
- HTML 练习题
- Jquery练习题
- jquery 练习题
- jquery-练习题
- 庞果网练习题——-3+1
- c语言练习题——基础3
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- Lesson 3 上机练习题——继承
- ThinkPHP内置函数详解D、F、S、C、L、A、I
- jar 上传到Maven 仓库(Nexus 3.x),第三方引用 笔记
- Python高级知识总结
- C 学习笔记
- 为什么商业搜索引擎选择的索引更新策略是完全重建策略
- html——jQuery练习题3
- How to make Idea 热部署
- 10张图带你深入理解Docker容器和镜像
- 30分钟LINQ教程(转)
- 通过GBK编码提取中文汉字的拼音首字母
- Mac下查找占用某个端口的应用
- Word产品需求文档已经过时了?
- 【Android】Error[*,*]Could not find method android() for arguments [……]
- vegas怎么渲染成mov格式?