几种常见的JavaScript特效

①页面显示大广告图片及其自动关闭
在打开一个页面时，常常会出现一个大广告图片显示网站的最新活动等，一般广告显示5秒左右，广告又会自己关闭，这个是怎么实现的？
其实只需要将图片加在网页合适的位置，然后再写一个删去隐藏图片元素的函数，并设置n秒后执行：

        function showAd(){//默认图片所在div的id为advar Pic = document.getElementById('ad');setTimeout(function() {Pic.style.display = 'none';},5000);}window.onload=showAd;

②输入完成后进行校验
实际上只需要在input标签里面添加一个onblur属性，该属性绑定一个用于校验的函数即可：

<input type="text" id="name" onblur="validateTel()"/><script>function validateTel(){alert("do something");}</script>

③勾选全部复选框
在网站中，如果复选框较多，会有一个全选按钮，点击后，所有复选框会被选中：

<html>
<head><meta charset="utf-8" />
</head>
<body>你的爱好是：</br><input type="checkbox" name="hobby" value="" />篮球<input type="checkbox" name="hobby" value=""/>足球<input type="checkbox" name="hobby" value=""/>网球<input type="checkbox" name="hobby" value=""/>乒乓<input type="checkbox" name="hobby" value=""/>游泳<input type="checkbox" name="hobby" id="selectall" value=" " onclick="SelectAll()"/>全选<script>function SelectAll(){if(document.getElementById('selectall').checked == true){var allValue = document.getElementsByName('hobby');for(var i=0;i<allValue.length;i++){allValue[i].checked=true;}}}</script>
</body></html>

几种常见的JavaScript特效相关推荐

技术分享：几种常见的JavaScript混淆和反混淆工具分析实战【转】
信息安全常被描述成一场军备竞赛,白帽与黑帽,渗透测试者与黑客,善与恶,本文将聚焦这场永无止境决斗中的一个小点. HTML5 & JS 应用中充满着对输入进行验证/注入的问题,需要开发人员始终保 ...
技术分享：几种常见的JavaScript混淆和反混淆工具分析实战
信息安全常被描述成一场军备竞赛,白帽与黑帽,渗透测试者与黑客,善与恶,本文将聚焦这场永无止境决斗中的一个小点. HTML5 & JS 应用中充满着对输入进行验证/注入的问题,需要开发人员始终保 ...
Dreamwear如何创建javascript_内存管理+如何处理4种常见的内存泄漏
JavaScript是如何工作的:内存管理+如何处理4种常见的内存泄漏潮水自会来去,但心志得坚若磐石.即便成不了那根定海神针,也至少不是那随意被拍上岸的野鬼游魂.by 一枚热汤圆几周前,我们开始了 ...
11种控制内容展示的JavaScript特效和技巧
交付信息结构是一个交互式用户界面所需要完成的首要任务.更直观的布局结构设计,能使用户更好的理解内容. 不管你想要介绍的是什么样的内容,你都可以以更加互动和更加适应的方式去呈现现它.本文里面,我们为你收 ...
JavaScript学习笔记之BOM篇，认识几种常见的浏览器对象
BOM(Browser Object Document)即浏览器对象模型,顾名思义就是为了控制浏览器的行为而出现的接口.浏览器可以做什么呢?比如跳转到另一个页面.前进.后退等等,程序还可能需要获取屏幕 ...
java script特效_通过JavaScript特效控制内容展示的11种方法
通过JavaScript特效控制内容展示的11种方法交互信息结构是一个交互式用户界面所需要完成的首要任务.更直观的布局结构设计,能使用户更好的理解内容.以下是百分网小编搜索整理的通过JavaScri ...
JavaScript内存管理机制以及四种常见的内存泄漏解析
转自:http://geek.csdn.net/news/detail/238898 原文:How JavaScript works: memory management + how to handl ...
导航栏样式HTML,[JavaScript 实例] 导航栏几种常见样式
这里记录下导航栏几种常见的样式,仅供大家参考. 导航栏1 (原生 JS 代码) 比较常见也比较简单的导航栏 ,用的 JavaScript 原生代码,大致思路是通过改变 li 元素的 className ...
使用CSS替代JS实现几种常见的特效
本文介绍用CSS代替JS来实现我们页面中所需要的几种常见效果.包括导航高亮,下拉菜单等. 1. 导航高亮导航高亮是一种很常见的问题,包括当前页面的导航在菜单里面高亮和hover时高亮.你可 ...
Ajax 和 XML: 五种常见 Ajax 模式
Asynchronous JavaScript + XML(Ajax)无疑是 2006 年最热门的技术术语,且有望在 2007 得到进一步发展.但是对您的应用程序来说它究竟有什么意义呢?Ajax 应用 ...

几种常见的JavaScript特效

几种常见的JavaScript特效相关推荐

最新文章

热门文章