空间就全凭CSS的绝对定位实现位移了。在开始之前，我们练习一下setTimeout的递归用法（用来模拟setInterval）。 代码如下:function text(el){ var node = (typeof el == "string")? document.getElementById(el) : el; var i = 0; var repeat = function(){ setTimeout(function(){ node.innerHTML = "<h1>"+i+"</h1>"; i++; if(i <= 100){ setTimeout(arguments.callee, 100); } },100) } repeat(); } 我们来试一下最简单的淡入...
该 DIV是半秀明状态，这样可以看到背景也可以衬托文字，当鼠标放到文字上的时候，DIV层彻底不透明，文字清淅显示出来，一般这种效果都是要配合JavaScript的，这样兼容性会更好。 图片与文字结合的半透明效果，鼠标移上不透明 .box{ width:600px; height:600px; padding:20px;} *{ margin:0; padding:0;} body{ background:url(//files.jb51.net/demoimg/200910/wall.gif) no-repeat; width:300px; height:235px;} .in_box{backg...
虽然有让IE6支持PNG透明背景的JS程序，都是不是很方便，还是用CSS来实现的好。使用到的就是：IE5.5+的AlphaImageLoader滤镜。 1.png背景透明 解决办法： 代码如下:#div1 { height: 600px; width: 260px; padding: 20px; background-repeat: repeat; } html>body #div1 { background-repeat: repeat;background-image: url(bj1.png); } * #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizing...
JavaScript Data Access Test function topDiv(el){ var elem=document.createElement("div"); elem.className="top-div"; //=========create img tag var img=document.createElement("img"); img.src=el.href; elem.appendChild(img); //=========create close DIV var closeDiv=document.createElement("div"); closeDiv.innerHTML="Close"; closeDiv.onclick=function(){ document.body.removeChild(elem); docume...
Test function opacity(id, opacStart, opacEnd, millisec) { //speed for each frame var speed = Math.round(millisec / 100); var timer = 0; //determine the direction for the blending, if start and end are the same nothing happens if(opacStart > opacEnd) { for(i = opacStart; i >= opacEnd; i--) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(opacStart ...
function Clear (DataType ,DataThis, DataTime, DataInterval) DataType 布尔值 - - 是否隐藏或显示 DataThis 元素 - - 被操作元素 DataTime 数字 - - 发生渐变时间 DataInterva 数字 - - 渐变刷新间隔 以下是HTML网页特效代码， 渐变 0.5, Test, parseInt(Math.random() * 2000), 10)" type="button" value="随意的渐变">效果 检测Test是否隐藏 var Test = document.getElementById('Test') var SmallWay = {} SmallWay.Clear ...
首先看我们的<img>标签代码： <img src="Example.png" border="0" alt="放大镜" /> 我们将利用IE中特有的特效来满足这个要求，这就是AlphaImageLoader Filter (http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp) 如何做？ 将下面代码保存为correctPNG.js: 代码如下:function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = documen...
PNG.JS代码： // PNGHandler: Object-Oriented Javascript-based PNG wrapper // -------------------------------------------------------- // Version 1.1.20031218 // Code by Scott Schiller - www.schillmania.com // -------------------------------------------------------- // Description: // Provides gracefully-degrading PNG functionality where // PNG is supported natively or via filters (Damn you, IE!) //...
非常棒的绿色下拉透明菜单 var mmenus = new Array(); var misShow = new Boolean(); misShow=false; var misdown = new Boolean(); misdown=false; var mnumberofsub=0; var musestatus=false; var mpopTimer = 0; mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor=...
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，他使用的是文件域的click()方法，但客户端的安全限制非常苛刻，必须结合iframe才能实现，代码比较繁锁。我使用的是透明叠加法，即把文件域置于点击目标之上，并让其透明，这样用户看到的是自定义热区，点击的依然是浏览按钮，没有违反任何安全机制。同样地，这...
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，他使用的是文件域的click()方法，但客户端的安全限制非常苛刻，必须结合iframe才能实现，代码比较繁锁。我使用的是透明叠加法，即把文件域置于点击目标之上，并让其透明，这样用户看到的是自定义热区，点击的依然是浏览按钮，没有违反任何安全机制。同样地，这...
<style type="text/css"><!--#Layer1 { position:absolute; width:210px; height:160px; z-index:1; left: 178px; top: 322px; background-color: #FFFBF0;}#content { position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 27px; border: 1px solid #666666;}#bar { position:absolute; width:200px; height:25px; z-index:2; background-color: #00FF33; left: 0px; top: 0px;}#but_1 { position:absolute...
CSS+js弹出居中的背景半透明div层丨芯晴网页特效丨CsrCode.Cn 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; background:# 666666;} function pupop...
一个DIV，四方形，中间一个椭圆，椭圆外是白透明的，DIV四周慢慢指向圆心，背景越透明，中间一部分完全透明，四周半透明这样一个状态，如何实现？？ 回复讨论(解决方案) 还是用图片吧 这几天刚刚自学的css 你这个应该可以用css 的滑动门解决的吧 IE下面透明用filter:alpha??，其他??器用opacity 四周慢慢指向圆心 你是不是在说css3的径向渐变啊？ 可以用这个工具解决 http://www.colorzilla.com/gradien...
各位大牛有没有实现最好的JS半透明悬浮窗的代码。 就是凤凰网打开时后，会出现一个半透明的遮盖了大半个屏幕的广告，过了一段时间会自动消失，同时也可以手动关闭，优酷首页也有的。如图所示： 回复讨论(解决方案) 你看它的源代码不就看到了实现的代码了吗 他那个广告时间性的，有cookie的，关了就没了，隔天后就没了 用position:fixed+setTimeout呗 http://blog.csdn.net/kabulore/article/details/2515...