
html+css
lampsunny
这个作者很懒,什么都没留下…
展开
-
命名锚记
锚记链接命名锚记18省市提高最低工资标准 平均增幅逾20% 据第一财经日报报道,中国低收入者已经成为密集加薪期的最大受益者。从昨日起,北京、河南、深圳、陕西、安徽、海南等多个省市同时提高最低工资标准,平均增幅多在20%以上。据报道,今年上调或计划上调最低工资标准的省区市共有27个。补偿性增长今年1月23日,江苏省第一个上调最低工资标准,从而带动了全国大部分省市跟进的原创 2012-04-07 10:44:40 · 2106 阅读 · 0 评论 -
符合标准的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原创 2012-04-08 13:52:35 · 428 阅读 · 0 评论 -
仿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:原创 2012-04-08 13:53:00 · 649 阅读 · 0 评论 -
滑动效果,适合做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原创 2012-04-08 13:53:52 · 413 阅读 · 0 评论 -
不间断向左滚动代码
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原创 2012-04-08 13:56:58 · 595 阅读 · 0 评论 -
如何用CSS实现在新窗口打开链接
<!--.target2 a:active {test:expression(target="_blank");}}-->www.lanrentuku.com 本窗口打开www.lanrentuku.com 新窗口打开原创 2012-04-09 08:59:07 · 2529 阅读 · 0 评论 -
有图片预览功能的上传表单(只针对ie)
图片上传function viewmypic(mypic,imgfile) {if (imgfile.value){mypic.src=imgfile.value;mypic.style.display="";mypic.border=1;}}原创 2012-04-09 09:03:26 · 543 阅读 · 0 评论 -
JS不间断滚动
JS不间断向上滚动var speed=50demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetTop-demo.scrollTop<=0)demo.scrollTop-=demo1.offsetHeightelse{demo.scrollTop++}}var MyMar=setInter原创 2012-04-09 09:04:59 · 688 阅读 · 0 评论 -
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原创 2012-04-09 09:06:56 · 1094 阅读 · 0 评论 -
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原创 2012-04-09 09:07:23 · 819 阅读 · 0 评论 -
给放大的分页
给放大的分页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原创 2012-04-09 09:08:32 · 400 阅读 · 0 评论 -
一个精彩的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原创 2012-04-08 13:53:28 · 756 阅读 · 0 评论 -
三级下拉菜单 (通用版)
function CreateSelect(_FormName,_SName,_SValue,_Ds,_AllOptionStr,ShowType){//三级关链菜单通用版//作者:海娃, 有问题请到http://www.51windows.Net留言。if (_FormName=="")_FormName = "all"var _DsArr = _Ds.split("|"原创 2012-04-08 13:57:31 · 52782 阅读 · 0 评论 -
掉链图片的替代图片方法
原创 2012-04-09 09:01:14 · 522 阅读 · 0 评论 -
网站浮动广告
浮动广告一网站浮动广告// JavaScript Document// 浮动广告代码function addEvent(obj,evtType,func,cap){cap=cap||false;if(obj.addEventListener){obj.addEventListener(evtType,func,cap);return true;}else if(obj.原创 2012-04-08 13:45:52 · 765 阅读 · 0 评论 -
鼠标经过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原创 2012-04-08 13:52:08 · 1769 阅读 · 0 评论 -
JS实现的幻灯上滚效果
var marqueeContent=new Array(); //滚动新闻marqueeContent[0]='14:25 小泉称若自民党在议会选举中失败';marqueeContent[1]='14:25 布什发表广播讲话';marqueeContent[2]='14:25 伊斯兰武装炸毁印控克什米尔铁路导致列车出轨';marqueeContent[3]='14:25 布雷默:即使原创 2012-04-08 13:56:28 · 619 阅读 · 0 评论 -
表格滚动信息示例
滚动信息 - 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:原创 2012-04-08 13:57:55 · 572 阅读 · 0 评论 -
如何让层垂直居中于浏览器窗口
<!--div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}-->让层垂直居中于浏览器窗口原创 2012-04-09 08:59:58 · 427 阅读 · 0 评论 -
用CSS实现段落前面缩进两个字
p{text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/}-->段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落原创 2012-04-09 09:00:18 · 827 阅读 · 0 评论 -
打字效果的带链接的新闻标题
打字效果的带链接的新闻标题body{font-size:14px;font-weight:bold;}最新内容:<!--var NewsTime = 2000; //每条新闻的停留时间var TextTime = 50; //新闻标题文字出现等待时间,越小越快var newsi = 0;var txti = 0;var txttimer;var原创 2012-04-09 09:01:45 · 835 阅读 · 0 评论 -
列表鼠标划过后变色,选中后更改颜色
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原创 2012-04-09 09:07:48 · 1191 阅读 · 0 评论 -
40种网页常用小技巧
下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助。1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="retur原创 2012-04-08 13:48:22 · 408 阅读 · 0 评论 -
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;原创 2012-04-08 13:48:48 · 499 阅读 · 0 评论 -
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原创 2012-04-08 13:49:48 · 391 阅读 · 0 评论 -
图片自动按比例缩小代码(防止页面被图片撑破)
图片自动按比例缩小代码(防止页面被图片撑破)//缩放图片到合适大小function ResizeImages(){var myimg,oldwidth,oldheight;var maxwidth=150;var maxheight=180var imgs = document.getElementById('article').getElementsByTagName('原创 2012-04-08 13:50:21 · 690 阅读 · 0 评论 -
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原创 2012-04-08 13:50:50 · 539 阅读 · 0 评论 -
可选择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原创 2012-04-08 13:51:16 · 932 阅读 · 0 评论 -
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原创 2012-04-08 13:54:15 · 4153 阅读 · 0 评论 -
添加到收藏夹和设为首页代码
设为首页收藏本站原创 2012-04-08 13:55:43 · 525 阅读 · 0 评论 -
无图片的圆角表格
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原创 2012-04-08 13:56:04 · 400 阅读 · 0 评论 -
模仿MSN消息提示的效果
类似MSN提示的页面效果看到右下角的提示了吗?如果没有看到,刷新一下window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}//短信提示使用(asilas添加)var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,o原创 2012-04-09 08:52:22 · 416 阅读 · 0 评论 -
CSS强制图片自适应大小
无标题文档img {width:expression(this.width>600?"580px":this.width+"px");}图片宽度大于600像素都强制显示为580像素宽原创 2012-04-09 08:57:36 · 1208 阅读 · 0 评论 -
用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原创 2012-04-09 09:00:48 · 1184 阅读 · 0 评论 -
全国省市县无刷新多级关联菜单
全国省市县无刷新多级关联菜单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原创 2012-04-09 09:02:29 · 35468 阅读 · 0 评论 -
复选框全选、全不选和反选的效果实现
复选框全选、全不选和反选的效果实现<!-- Beginfunction checkAll() {for (var j = 1; j <= 9; j++) {box = eval("document.checkboxform.C" + j);if (box.checked == false) box.checked = true;}}function uncheckAll()原创 2012-04-09 09:02:58 · 1290 阅读 · 0 评论 -
鼠标滑过链接出现的对话框式提示效果
用JS控制表格的交替颜色function enableTooltips(id){var links,i,h;if(!document.getElementById || !document.getElementsByTagName) return;AddCss();h=document.createElement("span");h.id="btc";h.setAttribute原创 2012-04-09 09:06:32 · 839 阅读 · 0 评论 -
关于数字金额转换为¥的问题
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原创 2012-04-09 09:08:10 · 470 阅读 · 0 评论 -
输入框提示列表
无标题文档<!--body{background:#fff}.Menu {position:relative;width:204px;height:127px;z-index:1;background: #FFF;border:1px solid #000;margin-top:-100px;display:none;}.Menu2 {position: absolu原创 2012-04-10 09:52:30 · 572 阅读 · 0 评论 -
带控制按钮的jQuery滚动代码
搜搜问问function setTab(/*string*/name,/*int*/ itemCnt,/*int*/ curItem, /**/classHide, /**/classShow){for(i=1;i<=itemCnt;i++){eval("document.getElementById('tab_" + name + "_" + i + "').className='原创 2012-04-10 10:02:40 · 975 阅读 · 0 评论