进度条,就是在用户进入你的网站的时候,能让用户看到网页下载了多少,这个的作用非常明显---就是让用户的等待时间变长,可以有效的弥补空间慢的缺点(当然,你空间太慢,还是建议你换下空间,呵呵) 好了,现在我先来举两个例子 一个是用FLASH实现的 (这个网上很多网站都是,不说了) 一个是用动态的GIF实现的 (这个你可以看微软官方的下载页面,也不说了) 这里,我们的重点是用 CSS+JS 实现这个效果 好了,废话不多说,我们开始 首先,写一段HTML代...
php代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> ul{ list-style:none; } a{ padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration...
请选择下面的下拉菜单测试换肤效果 css.css css1.css css2.css css3.css 选择样式单文件 var csss=new Array(); csss[0]="css.css"; csss[1]="css1.css"; csss[2]="css2.css"; csss[3]="css3.css"; var i; for(i=0;i if(thisskin==csss[i]) document.write(""+csss[i]+"样式单文件"); else document.write(""+csss[i]+"样式单文件"...
Untitled Document p{ font-size: 12px; font-family: Arial; } input{ cursor: pointer; } function flash(ts){ var p_obj=document.getElementsByTagName("p")[0]; if(ts "黄褪"效果 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
函数有两个参数，功能如下： obj： img标签组的父容器，类型为DOM对象； oEvent： event对象。这个函数的优点是html代码可以很简洁，使用图片也可以很少，只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址，各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候，我用的是个alert事件。事实上，我们会在这个地方用个ajax方法，把相关的参数传到服务器端。只要把alert(this._num+1)写...
第一步：在连接样式表的元素里定义一个id,例如 代码如下:，我定义的id是css。 第二步：写一个js函数，代码如下： 代码如下: function change(a){ var css=document.getElementById("css"); if (a==1) css.setAttribute("href","1.css"); if (a==2) css.setAttribute("href","2.css"); } 这个函数的code可以放在页面的任何地方。 第三步：为改变页面的样式表的连接添加一个函数的触发事件，代码如下： 代码如下...
请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px } A.s_l:hover { BORDER: #003366 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px } A.s_r { BORDER: #dddddd 1px soli...
/* 图片新闻大小可以更改此样式 */ .pp_portal_imgNews { position:relative; text-align:left; width:250px; height:190px; } .pp_portal_imgNew { position:absolute; } /* 图片样式 */ .pp_portal_imgNew img { width:100%; height:165px; border:0; } /* 文字标题样式 */ .pp_portal_imgNew_title { text-align:center; margin-top:5px; } .pp_portal_imgNew_title a{ display:block; color:#000; text-de...
代码如下: 图片自动等比例缩小且垂直居中-www.gxlcms.com function imgFix() { //定义要限制的图片宽高,这个宽高要同style里面定义的相同，小于限定高宽的图片不操作 var widthRestriction = 200; var heightRestriction = 200; var allElements = document.getElementsByTagName('*') for (var i = 0; i { if (allElements[i].className.indexOf('imgBox') >= 0) { var imgElements = allElements[i].getElementsByTagName(...
改进版本优化了这个问题，通过简单的Javascript代码就可以增加菜单。同时使得HTML页面非常简洁，只需要写2行代码即可！O(∩_∩)O 1.使用前提，在HTML页面中引入一个CSS文件，和一个JavaScript文件。如下： 代码如下: Menu 引入CSS文件： ，menu.css代码见后 引入JavaScript文件： 2.定义菜单代码如下： 代码如下:if (document.getElementById){ var root = new Root(); var m1 = new Menu("File","alert(this.innerText)...
这就出现一个问题，如果图片过小，或文字过长，就会出现文字把整个表格撑得很大，即占用了很多空间，显示效果也非常不美观。网上也有许多解决办法，但要么复杂，要么不能解决跨浏览器问题，要么不能自适应图片大小变化。 在我的这个方法中，解决了： 不需要在代码中指定图片大小、跨浏览器、非常简单。最后的效果如下图所示，当文字过长时，它会自动换行以适应图片宽度： 方法如下： 1）图片及图片说明代码如下： 香港殖民地最后的...
当我们需要的是一条规则的时候，总不能在每次dom发生变化的时候去执行这个操作，否则也太效率低下了。好在dom中css rules也是可以修改的。不过不同浏览器的对于css rules的接口描述也不同，其中ie中以类似hash table的方式，而ff以数组方式。 从可编程性上说，ie的接口描述更讨程序员喜欢，不过从逻辑上说，ff显然更为合理。 我提供了类似于ie的方式对两套代码进行简单包装，不过ie在dom的css removeRule之后并不能确定同步的把规则...
css菜单演示 0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); } } } window.onload=menuFix; // 脚本之家 ...
代码如下: /** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用于存储当前节点的父节点的引用 parent: document, select: function(selectorStr){ var selectors=selectorStr.split(" "); //分隔字符串 for (var i = 0, len = selectors.length; i < len; i++) { var el = this.parent || document; //用于存储指定class属性的节点引用 var val=this.replaceStr(selectors[i]); //代替掉"#"和"."点号，用于获...
不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用 Javascript 和 CSS 实现脚注效果的方法。 代码如下:输出值赋予每一输入的『法则』(Wikipedia)。或者一个验证邮件地址的正则表达式正则表达式(Regular Expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。，又或者一个简单的文件上传类，甚至一个效果不错的CSSCSS...