博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于DOM操作的案例
阅读量:6564 次
发布时间:2019-06-24

本文共 1100 字,大约阅读时间需要 3 分钟。

1. 模态框案例

  需求:

   打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框

  代码如下:

            

2.简易留言板

  需求:

  当在textarea中输入内容,点击留言按钮,会添加到浏览器中

   效果图如下:

 

  代码如下:

            
留言板

简易留言板

3.使用js模拟选择器中hover

    

  代码解释:

  鼠标悬停时,current栏变色,这里用到了排他思想:先把所有按钮的className设置为空,然后把我(this)这个按钮的className设置为current,就可以达到变色的效果。核心代码是:

//排他思想:先把所有按钮的className设置为空,然后把我(this)这个按钮的className设置为current            //排他思想和for循环连用            for(var j=0;j

4. tab栏选项卡

  代码如下:

            

首页内容

新闻内容

图片内容

 

转载于:https://www.cnblogs.com/Michael--chen/p/10859428.html

你可能感兴趣的文章
Objective-C学习总结-13协议1
查看>>
web学习方向
查看>>
A*算法实现
查看>>
第一周 从C走进C++ 002 命令行参数
查看>>
【java】itext pdf 分页
查看>>
看看这个电脑的配置
查看>>
[转]【NoSQL】NoSQL入门级资料整理(CAP原理、最终一致性)
查看>>
RequireJS进阶(二)
查看>>
我设计的网站的分布式架构
查看>>
linux extract rar files
查看>>
Knockout.Js官网学习(监控属性Observables)
查看>>
ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务解决
查看>>
azure之MSSQL服务性能测试
查看>>
Android BitmapFactory.Options
查看>>
前端构建:Less入了个门
查看>>
phonegap(cordova) 自己定义插件代码篇(三)----支付宝支付工具整合
查看>>
linux 批量进行:解压缩某一类压缩文件类型的文件
查看>>
激活modelsim se 10.4 时运行patch_dll.bat不能生成TXT
查看>>
17秋 软件工程 Alpha 事后诸葛亮会议
查看>>
线性空间
查看>>