怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
Jquery-点击隐藏事件-鼠标点击1时2隐藏
来源：互联网
2023-03-17 00:46:36 版权归原作者所有，如有侵权，请联系我们
在观看网站时经常会遇到这样的情景，刚打开的浏览器跳出一个广告，然后点击关闭按钮后，广告框消失，下面我们就以代码的形式做出这种效果。
工具/原料
- HTML
- Dreamweaver
方法/步骤
首先我们要考虑下，跳出的广告框只有一个关闭按钮，而没有打开按钮，党点击关闭按钮后，关闭按钮栏和广告栏一起消失，所以我们预设这是一个包含的关系。
div>我是广告我是广告我是广告我是广告我是广告我是广告我是广告我是广告
h1>X/h1>
/div>
可以先将jquery文件调入，然后建立style标签，进行div的修饰，并添加相对定位
style>
div{width:200px;height:200px;background-color:#FF00DD;margin:50px auto;position:relative;}
/style>
然后对h1进行修饰，添加绝对定位，如图
style>
div{width:200px;height:200px;background-color:#FF00DD;margin:50px auto;padding:20px;color:white;position:relative;}
h1{position:absolute;top:5px;right:5px;margin:0;background-color:blue;}
/style>
然后开始进行事件编写，当鼠标点击h1时，div消失，所以需要点击的是h1，
$("h1").click(function(){
})
点击h1后，发生的变化就是div整个消失，所以输入：
$("h1").click(function(){
$("div").hide()
})
然后保存文件，在浏览器中预览查看效果，当点击h1时，看div是否消失。
注意事项
- 如果此经验对您有帮助，请为我投票加关注，谢谢大家的支持^_^
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY