（图bj.gif） 无标题文档#header,#footer{ background-color:#399; width:1000px; border:1px solid red; height:50px; } #content{ width:1000px; height:auto; background:url(bj.gif) repeat-y left; } #left{ width:300px; height:auto; float:left; background-color:#336; } #center{ width:400px; height:auto; float:left; background-color:#309; } #right{ width:300px; height:auto; float:right; b...
1、首先创建页签，以及页签内容的div。 2、编写被选中的页签和页签内容div显示、隐藏的样式。 3、编写js方法，根据被选中的页签，显示相应的页签内容。 精彩推荐： 子div相对父div底部对齐代码 div+css的相对定位和绝对定位 div+css布局之offsetLeft,Left,clientLeft的区别 十天学会web标准第二天 一列布局 十天学会web标准第一天XHTML CSS基础知识 如何将网页版式布局下的二级菜单不向左...
.icons{ /*flex-box布局，子元素可以按需缩放*/ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; /*flex-box布局，子元素可以按需缩放*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; /*row表示横向排列，wrap表示可以多行显示*/ -webkit...
Basic Tabs - jQuery EasyUI Demo .divquery{ background: blue; float:left;}.qitem { display:inline-block; line-height:30px; text-align:right; width:250px; height:25px; overflow:hidden; background: green;}.divbtn{ float:left; width:120px; background: red; height:25px; right:10px; } 查询项目 ...
optgroup 用在select 标记中 可以使下拉列表内容更加有条理 代码如下:分清是非分清是非分清是非分清是非分清是非分清是非sub 上标 sup 下标 可与一起用于注释 dbo dir 标记一起使用，可以改变文字的输出方向，右->左 4个不常用HTML标签optgroup、sub、sup和bdo。fieldset{width:300px;padding:5px 5px; margin:30px auto; display:block; line-height:125%; font-size:15px;} legend{margin-left:15px; font-size:18px; color:red...
代码如下: body{font:"宋体";font-size:12px;} a:link,a:visited{font-size:12px;color:#666;text-decoration:none;} a:hover{color:#ff0000;text-decoration:underline;} #Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;} .Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;} .Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;} .Menubox ul li{float:left...
今天工作时，有个临时加的好友问我，怎么利用web页面获取访问者的qq。 以前没有接触过，感觉到很好奇，但是工作中脑子很亢奋，转的快，利用所学的知识迅速想到一条技巧，那就是假想用户在进入我们设定的页面前，已经通过qq进入空间或是邮箱，对，一定会在咱们电脑的浏览器上留下cookie，那么我们设法通过这个cooke做做文章呢，于是在google上找了下，不到几秒就找到了一个比较接近的答案，但是原来问问题的楼主接近90%，死在了10%上...
css： 代码如下: html,body{ margin:0px; padding:0px; height: 100%; } .headbg{ background: black; color: white; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background: #E6E6E6; float: left; height: 100%; width: 200px; margin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; } html 代码如下: 1 2 点击文本框，文字消失 代码如下:
代码如下: 无标题文档 function selectAllDels() { var allCheckBoxs = document.getElementsByName("preDelCheck"); var desc = document.getElementById("allChecked"); var selectOrUnselect=false; for(var i = 0; i { if(allCheckBoxs[i].checked){ selectOrUnselect=true; break; } } if (selectOrUnselect) { _allUnchecked(allCheckBoxs); }else { _allchecked(allCheckBoxs); } } function _allchecked(allCheckBoxs)...
说明：设置时间定时，在规定的时间内替换前一个节点的内容 1、关键代码：javascript： 代码如下: var dome=document.getElementById("dome"); //获取节点 var dome1=document.getElementById("dome1"); var dome2=document.getElementById("dome2"); var speed=50;//设置向上轮动的速度 dome2.innerHTML=dome1.innerHTML;//复制节点 关键语句 function moveTop(){ if(dome1.offsetHeight-dome.scrollTopdome.scrollTop=0; }else{ ...
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 标签的一个常见应用就是用来表示计算机的源代码。对于技术博客经常会用到pre标签输出代码或是代码高亮，而默认情况下，pre 标签中的内容若超出范围不会自动换行。 下面介绍一个方法让 标签中的内容自动换行并符合 W3C 标准（多浏览器支持） 代码如下: pre{ white-space:pre-wrap; /* css3.0 */ white-space:-moz-pr...
表数据转 Json 格式的javascript函数如下 代码如下: var keysArr = new Array("key0", "key1","key2"); function TableToJson(tableid) { //tableid是你要转化的表的表名，是一个字符串，如"example" var rows = document.getElementById(tableid).rows.length; //获得行数(包括thead) var colums = document.getElementById(tableid).rows[0].cells.length; //获得列数 var json = "["; var tdValue; for (var i = 1; i json += ...
代码如下: window.location.href="zcbfH.jsp";//在本框架中重定向 onclick="top.mainFrame.location=/login.jsp"；//从某个框架中重定向到mainFrame框架中 onclick="top.window.location=/login.jsp"//从某个框架中重定向到整个页面中
把下面代码拷贝到dreamweaver 的代码区域，预览时可以显示下面图片，实现了图片展示的功能 代码如下: 代码如下: #layout{width:700px;border:2px solid #ccc;padding:2px;overflow:auto;zoom:1;diaplay:inline;} #layout ul{list-style:none;} #layout li { list-style-type: square; no-repeat 0px 4px; padding-left:20px; } body{margin:0 auto;font-size:12px;font-family:Verdana;line-height:1.5;} ul,dl,dt,dd,h1,h2,...