本文实例讲述了js+CSS实现弹出一个全屏灰黑色透明遮罩效果的方法。分享给大家供大家参考。具体分析如下: 在众多的网站都有这样的效果,当进行一定的操作之后,会弹出一个灰黑色的半透明的遮罩,在上面可以操作指定的内容,例如可以弹出一个登陆框之类的内容,下面就介绍一下如何实现此种效果,代码实例如下:代码如下: CSS如何实现弹出一个全屏灰黑色透明遮罩效果-脚本之家 * { margin:0px; padding:0px; } .zhezhao { widt...
本文实例讲述了js+css实现tab菜单切换效果的方法。分享给大家供大家参考。具体实现方法如下: index.css如下:代码如下:* { margin: 0px; padding: 0px; } body { width: 600px; margin: 0 auto; background-color: silver; } #contanier { background-color: yellow; width: 600px;height: 400px; } #tabNavi { width: 600px;height: 30px; background-color: #00bfff; text-decoration: none; list-style...
代码如下: function addStyle(stylePath) {var container = document.getElementsByTagName("head")[0];var addStyle = document.createElement("link");addStyle.rel = "stylesheet";addStyle.type = "text/css";addStyle.media = "screen";addStyle.href = stylePath;container.appendChild(addStyle);}addStyle('http://www.xxx.com/wintys/dynamic.css');JS写的函数,用来控制JS文件的动态加载,也就是在需要的时候才加载JS文件...
自己结合了在网上找的验证功能和漂亮的提示同能后做出来的验证 希望大家喜欢鼠标悬停 - 蘋果·志 - goldapple's blog BODY { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } A { DISPLAY: block; WIDTH: 164px; COLOR: #000000; HEIGHT: 36px; TEXT-DECORATION: none } UL { MARGIN: 200px auto; WI...
本文实例讲述了javascript判断移动端访问设备并解析对应CSS的方法。分享给大家供大家参考。具体分析如下: javascript判断不同web访问环境,主要针对移动设备,提供相对应的解析方案(判断设备代码直接copy腾讯网的):代码如下:// 判断是否为移动端运行环境 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|Sony...
本文实例讲述了js+css实现导航效果的方法。分享给大家供大家参考。具体实现方法如下: 1. 程序代码如下:代码如下: CSS+JS实现兼容性很好的无限级下拉菜单 *{ margin:0; padding:0; border:0;} body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;}li{list-style:none;} .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;} a:link{ ...
本文实例讲述了JS+CSS实现可拖动的弹出提示框。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS打造的可拖动的弹出提示框a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden} #massage_box{ position:absolute; l...
本文实例讲述了JS+CSS实现可拖拽的漂亮圆角特效弹出层的方法。分享给大家供大家参考。具体如下:代码如下:JS+CSS实现的可拖拽的漂亮圆角效果的弹出层body{margin:0px;padding:0px;font-size:14px; } #t {position:absolute;float:left;left:0px;top:0px; } #a {float:left; } .al {opacity: 0.80;filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80,finishOpacity=100); } .al2{opacity: 0.00;filter : progid:...
本文实例讲述了JS+CSS实现感应鼠标渐变显示DIV层的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS实现的感应鼠标渐变显示的DIV层#tip{ position:absolute; left:90px; width:0px; height:0px; color:#FFF; font-size:12px; background-color:#000; border:1px solid #DEF; filter:Alpha(Opacity=0); opacity:0; z-index:999; }//定义“获得指定dom节点”的函数,因为其重用率高 function $(d){return document.ge...
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法。分享给大家供大家参考。具体实现方法如下:代码如下:CSS+Js实现Li列表隔行换色效果.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;} .mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(/images/20110704/new_dot.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verda...
本文实例讲述了JS+CSS实现仿新浪微博搜索框的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS仿类似新浪微博搜索框的效果* { padding:0; margin:0;}body { font-size:14px; }#box { width:600px; margin:40px auto;}#in { width:240px; height:24px; line-height:24px; border:1px solid #369; border-radius:4px; box-shadow:inset 0 0 2px #999; }#suggest { display:none; position:relative; margin-top:-1px;...
本文实例讲述了JS+CSS实现淡入式焦点图片幻灯切换效果的方法。分享给大家供大家参考。具体实现方法如下:代码如下:一款JS+CSS淡入式焦点图片幻灯切换效果body,div,ul,li{margin:0;padding:0;} ul{list-style-type:none;} body{background:#000;text-align:center;font:12px/20px Arial;} #box{position:relative;width:322px;height:172px;background:#fff;border-radius:5px;border:8px solid #fff;margin:10px auto;} #box .list...
本文实例讲述了JS+CSS实现模仿浏览器网页字符查找功能的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS模仿的网页字符查找功能BODY { FONT-SIZE: 12px; LETTER-SPACING: 1pt; LINE-HEIGHT: 22px; MARGIN-LEFT: 5pt; MARGIN-TOP: 5pt } #scontentmain { HEIGHT: 30px; POSITION: absolute; TOP: 28px; WIDTH: 228px } #scontentbar { BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDE...
本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下:代码如下:js+CSS弹出居中的背景半透明div层body{margin:0px;} #bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;} #popbox{position:absolute;width:400px; height:400px; left:50%; top:50%; margin:-200px 0 0 -200px; display:none;...
本文实例讲述了JS+CSS实现带关闭按钮DIV弹出窗口的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS+CSS实现带关闭按钮的DIV弹出窗口function locking(){ document.all.ly.style.display="block"; document.all.ly.style.width=document.body.clientWidth; document.all.ly.style.height=document.body.clientHeight; document.all.Layer2.style.display='block'; } function Lock_CheckForm(theForm){ do...