lampsunny的专栏

原创 126邮箱TAB选项卡效果(同一页面可多次使用)

<!--引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程Editor:weaslehttp://www.hxcgw.comEmail:weasle@163.comQQ:112011531-->简洁Tab<!--body,div,ul,li{padding:0;text-align:center;}body{font:12px "宋体";text

原创 默认图片是灰色鼠标放上去变彩色css效果代码（仅支持ie）

A IMG {FILTER: gray}A:hover IMG {FILTER:}默认图片是灰的鼠标放上去变亮变清晰了

原创 全屏广告代码

function ShowLayer(){document.all.FlatLayer.style.display="block";}function CloseLayer(){document.all.FlatLayer.style.display="none";}ShowLayer();setTimeout("CloseLayer()",5000);//这里是广告显示的时间

原创 给放大的分页

给放大的分页ul#hovershow{list-style-type: none;margin: 50px;width:200px;float: left;display: inline;clear: both;}ul#hovershow li{float: left;display: inline;width:20px;height: 20px;margi

原创 关于数字金额转换为￥的问题

function cc(s){if(/[^0-9\.]/.test(s)) return "invalid value";s=s.replace(/^(\d*)$/,"$1.");s=(s+"00").replace(/(\d*\.\d\d)\d*/,"$1");s=s.replace(".",",");var re=/(\d)(\d{3},)/;while(re.test(s))s

原创 列表鼠标划过后变色，选中后更改颜色

Table Stripes and Row Lockingbody {background:#fff;}h1 {font:bold 20px/26px Arial;}p, li, td {font:normal 12px/17px Arial;}table {border:0;border-collapse:collapse;}td {p

原创 CSS打造经典鼠标触发显示选项（做搜索找工作用得到）

css打造鼠标触发效果<!--body {margin: 0;padding: 0;color: #000;font-size: 12px;line-height: 160%;text-align: left;height: 100%;font-family: '宋体',Tahoma ,arial,verdana,sans-serif,'Lucida Grande','Luc

原创 CSS表格斜线

New Document function a(x,y,color){document.write("")} 张三李四王五数学556677英语996871语文334455function line(x1,y1,x2,y2,color){var tmpif(x1>=x2){tmp=x1;x1=x2;x2=t

原创 鼠标滑过链接出现的对话框式提示效果

用JS控制表格的交替颜色function enableTooltips(id){var links,i,h;if(!document.getElementById || !document.getElementsByTagName) return;AddCss();h=document.createElement("span");h.id="btc";h.setAttribute

原创 JS不间断滚动

JS不间断向上滚动var speed=50demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetTop-demo.scrollTop<=0)demo.scrollTop-=demo1.offsetHeightelse{demo.scrollTop++}}var MyMar=setInter

原创 纯脚本页面loading效果

正在载入...正在载入首页，请稍候.......<input type=text name=chart size=46 style="font-family:Arial;font-weight:bolder; color:gray;background-color:white; padding:0px; border-style:none;"><input type=t

原创 有图片预览功能的上传表单（只针对ie）

图片上传function viewmypic(mypic,imgfile) {if (imgfile.value){mypic.src=imgfile.value;mypic.style.display="";mypic.border=1;}}

原创 复选框全选、全不选和反选的效果实现

复选框全选、全不选和反选的效果实现<!-- Beginfunction checkAll() {for (var j = 1; j <= 9; j++) {box = eval("document.checkboxform.C" + j);if (box.checked == false) box.checked = true;}}function uncheckAll()

原创 全国省市县无刷新多级关联菜单

全国省市县无刷新多级关联菜单body,select{font-size:9pt;font-family:Verdana;}a{color:red;text-decoration:none;}a:hover{text-decoration:underline;}<!--function Dsy(){this.Items = {};}Dsy.prototy

原创 打字效果的带链接的新闻标题

打字效果的带链接的新闻标题body{font-size:14px;font-weight:bold;}最新内容：<!--var NewsTime = 2000; //每条新闻的停留时间var TextTime = 50; //新闻标题文字出现等待时间，越小越快var newsi = 0;var txti = 0;var txttimer;var

原创 掉链图片的替代图片方法

原创 用JS控制表格的交替颜色

用JS控制表格的交替颜色window.onload = function() {doubleBgColor(document.getElementById("table1"),"#cecece","#ececec")}function doubleBgColor(Table,Bg1,Bg2) {for (var i=0;i<Table.rows.length;i++) Table

原创 用CSS实现段落前面缩进两个字

p{text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/}-->段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落

原创 如何让层垂直居中于浏览器窗口

<!--div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}-->让层垂直居中于浏览器窗口

原创 如何用CSS实现在新窗口打开链接

<!--.target2 a:active {test:expression(target="_blank");}}-->www.lanrentuku.com 本窗口打开www.lanrentuku.com 新窗口打开

原创 CSS强制图片自适应大小

无标题文档img {width:expression(this.width>600?"580px":this.width+"px");}图片宽度大于600像素都强制显示为580像素宽

原创 模仿MSN消息提示的效果

类似MSN提示的页面效果看到右下角的提示了吗？如果没有看到，刷新一下window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}//短信提示使用(asilas添加)var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,o

原创 表格滚动信息示例

滚动信息 - 51windows.netbody{font-size:12px;background-color:#FFF;overflow:hidden;}td{font-size:12px;}.titletd td{background-color:#EFEFEF;padding:2px;text-align:center;}.datatd td{background-color:

原创 三级下拉菜单 (通用版)

function CreateSelect(_FormName,_SName,_SValue,_Ds,_AllOptionStr,ShowType){//三级关链菜单通用版//作者:海娃， 有问题请到http://www.51windows.Net留言。if (_FormName=="")_FormName = "all"var _DsArr = _Ds.split("|"

原创 不间断向左滚动代码

01<img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0>020304<td align=center>0506<a href='#'>0708<img src=http://www.baidu.com/img/logo.gif width=120 height=80 border=0>09

原创 JS实现的幻灯上滚效果

var marqueeContent=new Array(); //滚动新闻marqueeContent[0]='14:25 小泉称若自民党在议会选举中失败';marqueeContent[1]='14:25 布什发表广播讲话';marqueeContent[2]='14:25 伊斯兰武装炸毁印控克什米尔铁路导致列车出轨';marqueeContent[3]='14:25 布雷默：即使

原创 无图片的圆角表格

div#nifty{ margin: 0 10%;background: #9BD1FA}p {padding:10px}div.rtop, div.rbottom{display:block;background: #FFF}div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; back

原创 添加到收藏夹和设为首页代码

设为首页收藏本站

原创 JS城市联动菜单

城市联动菜单 www.lanrentuku.comul,li,dl,dd {padding:0;margin:0;list-style-type:none;}.menu1{width:182px;border:1px solid #feb951;background:#fef4ea;padding-top:3px;font-size:12px;}.area li{he

原创 滑动效果，适合做faq或menu

无标题文档<!--body,div,ul,li,p,h1,h2{ margin:0; padding:0; border:0; background:#FAFAFA; font-family:Arial, Helvetica, sans-serif,"宋体"}body{ text-align:center; font-size:12px}li{ list-style:none}.ro

原创 一个精彩的JS+CSS精彩导航实例

一个精彩的JS+CSS精彩导航实例h4,div,ul,li,span{ padding:0px; margin:0px}/* 最外面DIV的样式 */#slidingBlock {width:980px;over-flow:hidden;margin:auto;height:60px;border:#ccc solid 1px;background-image: url(ht

原创 仿Chinaz首页菜单导航

Chinaz菜单导航<!--div, ul, p{margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}body {color: #333;background: #deebf3;text-align: center;font:

原创 符合标准的Focus功能的提交信息表单

form{margin: 0px auto;width: 450px;border: solid 1px #CCCCCC;}.bo{border-bottom: solid 1px #CCCCCC;}label{float: left;padding: 10px 0px 4px 30px;}input{padding: 1px;}input,textarea{bor

原创 鼠标经过input时的颜色发生变化

表单效果*{margin:0;padding:0;}body{font-size:63%;color:#000;}/*input*/.input_on{padding:2px 8px 0pt 3px;height:18px;border:1px solid #999;background-color:#FFFFCC;}.input_off{padding:2px

原创 可选择Email和用户名登录的代码

登陆界面* {margin:0;padding:0;font-size:12px;font-weight:normal;font-family:verdana, tahoma, helvetica, arial, sans-serif, "宋体";font-style:normal;list-style-type:none;text-decoration:none;}div

原创 css+js控制图片展示

css+js控制图片展示body{padding-right: 0px;padding-left: 0px;padding-bottom: 0px;margin: 0px;font: 70% verdana, geneva, arial, helvetica, sans-serif;color: #000;padding-top: 0px;text-align: center

原创 图片自动按比例缩小代码（防止页面被图片撑破）

图片自动按比例缩小代码（防止页面被图片撑破）//缩放图片到合适大小function ResizeImages(){var myimg,oldwidth,oldheight;var maxwidth=150;var maxheight=180var imgs = document.getElementById('article').getElementsByTagName('

原创 JavaScript 时间显示

JavaScript 时间显示function showLocale(objD){var str,colorhead,colorfoot;var yy = objD.getYear();if(yy<1900) yy = yy+1900;var MM = objD.getMonth()+1;if(MM<10) MM = '0' + MM;var dd = objD.getDa

原创 判断文本框只能输入中文汉字

只能输入汉字js脚本只能输入汉字:function ischinese(s){var ret=true;for(var i=0;i<s.length;i++)ret=ret && (s.charCodeAt(i)>=10000);return ret;}

原创 div的内容图片垂直居中代码（兼容多浏览器）

div的内容图片垂直居中.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; }.psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle;