随笔分类 -  汪洋大海

上一页 1 2 3 4 5 6 7 下一页
层的应用-底部工具栏
摘要：———————————————————— <style> *{margin:0;padding:0;} ul{list-style:none;} #bottom_nav_wrap { bottom: 0; height: 34px; left: 0; overflow: visible; posit 阅读全文
posted @ 2016-09-22 20:13 承载梦想-韩旭明 阅读(227) 评论(0) 推荐(0)
层的应用-由左向右的滚动广告
摘要：—————————————————————— <script type="text/javascript"> var timer = null; //定时器 //页面加载完成的事件回调 function init(){ var time = 30; //定义滚动的时间间隔，毫秒 //获取容器的DOM 阅读全文
posted @ 2016-09-22 20:10 承载梦想-韩旭明 阅读(213) 评论(0) 推荐(0)
层的应用-悬浮的广告层
摘要：———————————————————— <script type="text/javascript"> function goScroll(o){ var space=document.getElementById(o).offsetTop; document.getElementById(o). 阅读全文
posted @ 2016-09-22 20:09 承载梦想-韩旭明 阅读(180) 评论(0) 推荐(0)
层的效果-新闻切换特效
摘要：———————————————————— <script type="text/javascript"> var currIndex = 1; function init(){ var length = 5; for(var i = 0; i < length; i++) { document.ge 阅读全文
posted @ 2016-09-22 19:57 承载梦想-韩旭明 阅读(140) 评论(0) 推荐(0)
层的效果-可以拖动的层
摘要：—————————————————————————— <script type="text/javascript"> var isOver = false; //是否正在移动的标志变量 var l = 0; //left变量 var t = 0; //top变量 //监听网页加载完成的事件 func 阅读全文
posted @ 2016-09-22 19:55 承载梦想-韩旭明 阅读(229) 评论(0) 推荐(0)
层的效果-灯箱效果
摘要：—————————————————————— <script type="text/javascript"> //监听显示灯箱层的按钮事件 function showLightBox(){ //获取层box的DOM var box = document.getElementById('box'); 阅读全文
posted @ 2016-09-22 19:54 承载梦想-韩旭明 阅读(170) 评论(0) 推荐(0)
层的应用-从下往上的信息滚动特效
摘要：———————————————————— <script type="text/javascript"> var timer = null; //定时器 //页面加载完成的事件回调 function init(){ var time = 30; //定义滚动的时间间隔，毫秒 //获取容器的DOM v 阅读全文
posted @ 2016-09-22 19:52 承载梦想-韩旭明 阅读(346) 评论(0) 推荐(0)
文本输入框和下拉菜单特效-三级联动的省市县下拉菜单
摘要：回到总目录 阅读全文
posted @ 2016-09-22 15:41 承载梦想-韩旭明 阅读(1548) 评论(0) 推荐(0)
文本输入框和下拉菜单特效-动态为下拉菜单设置项目
摘要：————————————————————————— <script type="text/javascript"> //动态设置下拉项目 function fillOptions(){ //获取下拉菜单的DOM var mySel = document.getElementById("mySelec 阅读全文
posted @ 2016-09-22 15:40 承载梦想-韩旭明 阅读(798) 评论(0) 推荐(0)
文本输入框和下拉菜单特效-判断汉字的个数
摘要：————————————————————————— <script type="text/javascript"> //进行格式校验 function sumInput(){ //获得文本框的DOM var myText = document.getElementById("myText"); va 阅读全文
posted @ 2016-09-22 15:38 承载梦想-韩旭明 阅读(213) 评论(0) 推荐(0)
文本输入框和下拉菜单特效-首字母或全部字母大写
摘要：—————————————————————————— <script type="text/javascript"> //格式校验 function validateInput(){ //获得文本框的DOM var myText1 = document.getElementById("myText1 阅读全文
posted @ 2016-09-22 15:37 承载梦想-韩旭明 阅读(906) 评论(0) 推荐(0)
文本输入框和下拉菜单特效-用正则表达式验证E-mail格式
摘要：———————————————————————————— <script type="text/javascript"> //格式校验 function validateInput(){ //获得文本框的DOM var myText = document.getElementById("myText 阅读全文
posted @ 2016-09-22 15:35 承载梦想-韩旭明 阅读(690) 评论(0) 推荐(0)
链接特效-几条链接交替显示
摘要：———————————————————— <script type="text/javascript"> var arr = []; //数据数组变量 //初始化数据 arr[arr.length] = ['链接1','http://www.baidu.com']; arr[arr.length] 阅读全文
posted @ 2016-09-22 14:58 承载梦想-韩旭明 阅读(170) 评论(0) 推荐(0)
链接特效-需要确认的链接
摘要：—————————————————————— <script type="text/javascript"> //确认的链接函数 function confirmOpen(link){ //弹出提示框，要求用户确认 if(confirm('您确认打开'+link+'吗？')){ return tru 阅读全文
posted @ 2016-09-22 14:57 承载梦想-韩旭明 阅读(131) 评论(0) 推荐(0)
链接特效-为链接地址多加一个参数
摘要：———————————————————— <script type="text/javascript"> //修改链接地址的函数 function showNewUrl(){ //得到链接的DOM var links = document.getElementsByTagName('a'); //遍 阅读全文
posted @ 2016-09-22 14:55 承载梦想-韩旭明 阅读(294) 评论(0) 推荐(0)
链接特效-让所有链接都在新窗口中打开
摘要：———————————————————— <script type="text/javascript"> //动态修改链接的打开类型 function modifyOpenType(){ //获取到所有链接的DOM var linkDOMS = document.getElementsByTagNa 阅读全文
posted @ 2016-09-22 14:53 承载梦想-韩旭明 阅读(301) 评论(0) 推荐(0)
链接特效-用链接模拟一个按钮
摘要：—————————————————————— <script type="text/javascript"> //自定义按钮的样式 function defineLinkClick(){ //获得链接的DOM var myLink = document.getElementById("myLink" 阅读全文
posted @ 2016-09-22 14:37 承载梦想-韩旭明 阅读(215) 评论(0) 推荐(0)
链接特效-改变链接的单击事件
摘要：—————————————————————— <script type="text/javascript"> //自定义click事件 function defineLinkClick(){ //获得链接的DOM var myLink = document.getElementById("myLin 阅读全文
posted @ 2016-09-22 14:19 承载梦想-韩旭明 阅读(192) 评论(0) 推荐(0)
按钮特效-阅读完协议后才可以单击的注册按钮
摘要：—————————————————————————— <script type="text/javascript"> //div的滚动条滚动事件 function doScroll(){ //获取协议和按钮的DOM var d = document.getElementById('xieyi'); 阅读全文
posted @ 2016-09-22 12:01 承载梦想-韩旭明 阅读(760) 评论(0) 推荐(0)
按钮特效-注册按钮倒计时效果
摘要：—————————————————————— <script type="text/javascript"> //倒计时 秒 var sec = 10; //初始化函数 function init(){ //设置定时器，间隔1秒 timer = setInterval(function(){ //获 阅读全文
posted @ 2016-09-22 11:59 承载梦想-韩旭明 阅读(253) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页