文章标题关闭所有内容预览 | 展开所有内容预览
-
div+css制作水平导航条
[内容预览]
643 | 2009-04-18
创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。 这种方法看起来很合理也很直观。但问题是，把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以...
[阅读全文]
-
火狐浏览器下文字或div图层水平居中的方法
[内容预览]
632 | 2009-04-18
解决方法很简单FF下面设置容器的左右外补丁为auto就可以了. 以下是HTML网页特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xm...
[阅读全文]
-
使用DIV+CSS网页布局在SEO优化的优势
[内容预览]
49 | 2009-04-18
SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在Google等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响...
[阅读全文]
-
如何让图片或文字垂直居中于div层
[内容预览]
602 | 2009-04-18
体参照方法如下: 以下是HTML网页特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/...
[阅读全文]
-
XHTML+CSS完全基础知识
[内容预览]
86 | 2009-04-18
XHTML+CSS 选择什么样的DOCTYPE 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
[阅读全文]
-
DIV+CSS布局的好处
[内容预览]
36 | 2009-04-18
1 内容和形式分离，网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。 2 改版网站更简单容易了，不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，...
[阅读全文]
-
div+css形成的柱状图
[内容预览]
100 | 2009-04-18
<style> #wrap {position:relative;width:500px;height:600px;} #wrap div{width:15px;position:absolute;bottom:5px;background:#f00;} </style> <div id="wrap"> <div style="height:100px;left:10px"></div>...
[阅读全文]
-
float:center 居中浮动实现
[内容预览]
396 | 2009-04-18
我们都知道float:left和float:right，但是否想过float:center呢？居中浮动。。。 <div id="macji"> <ul class="macji-skin"> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div> 我们希望实...
[阅读全文]
-
XHTML校验常见的错误写法
[内容预览]
71 | 2009-04-18
1.标签“p”不能在“span”中使用。它只能在 applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th 中使用。 [XHTML 1.0 Transitio...
[阅读全文]
-
发一个背景变暗的div可拖动提示窗口，兼容IE、Firefox、Opera
[内容预览]
367 | 2009-04-18
以下是HTML网页特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
[阅读全文]
-
[图文] 实例演示div+css的绝对定位和相对定位布局
[内容预览]
14011 | 2009-04-18
概要： 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例...
[阅读全文]
-
DIV+CSS模拟表格对角线
[内容预览]
60 | 2009-04-18
首先声明：这只是探讨一种CSS模拟表格对角线的用法，实际在工作中可能觉得这样做有点小题大作，这不是本主题讨论的重点。如果对此深以为然的朋友，请一笑过之。。。 有时在插入文档时，要用到表格对角线，常见...
[阅读全文]
-
流行的DIV+CSS的命名规则
[内容预览]
21 | 2009-04-18
SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下： 页头:header 登录条:loginBar 标志:logo 侧栏:s...
[阅读全文]
-
select 美化，基于jquery
[内容预览]
934 | 2009-04-18
起因是在实践中发现input的高度无法改变，也就是说再怎么调整，他的四周都会有空隙，当然只作用于IE，如果调整一下的话，FF下效果又不理想，没有什么好的解决方法，除非用图片模拟，为了追求完美，模拟就模拟吧。 ...
[阅读全文]
-
日期与色彩选择器
[内容预览]
14 | 2009-04-18
日期与色彩选择器 代码: 以下是引用片段： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
[阅读全文]
-
关于ie6、ie7和ff浏览器兼容
[内容预览]
56 | 2009-04-18
这些方法都是我平时用到时在网上找到收藏下来的呵呵，我提前声明一下免得误会! 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对I...
[阅读全文]
-
让网页框架自适应高度(根据内容自动适应)
[内容预览]
704 | 2009-04-18
通过以下的代码就可以轻松实现框架自适应高度。 以下是引用片段： <script type="text/javascript"> //** iframe自动适应页面 **// //输入你希望根据页面高度自动调整高度的iframe的名...
[阅读全文]
-
验证身份证号码是否正确的代码
[内容预览]
46 | 2009-04-18
以下是HTML网页特效代码，点击运行按钮可查看效果： <script> var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"...
[阅读全文]
-
验证IP地址是否正确的代码
[内容预览]
117 | 2009-04-18
以下是HTML网页特效代码，点击运行按钮可查看效果： <SCRIPT LANGUAGE="JavaScript"> function isip(s){ var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}}; var re=s.split...
[阅读全文]
-
JQuery常用方法基础教程
[内容预览]
17 | 2009-04-18
Attribute： $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map $(”img”).attr(”src”,”test.jpg”)...
[阅读全文]
-
[图文] 分享十个应用最广的Javascript框架
[内容预览]
38 | 2009-04-18
Javascript库已经成为设计优秀网站的基础，当今几乎所有站点都带有Javascript或Ajax元素。在Web2.0开发大潮中，它也许是最关键的要素。 以下十个十大Javascript框架，你常用其中的几个？ 1. script.aculo.us (...
[阅读全文]
-
javascript的dom练习代码参考
[内容预览]
29 | 2009-04-17
以下是HTML网页特效代码，点击运行按钮可查看效果： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3...
[阅读全文]
-
用js来操作cookies代码
[内容预览]
35 | 2009-04-17
function setCookie(name,value)//两个参数，一个是cookie的名子，一个是值 { var Days=30;//保存30天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*...
[阅读全文]
-
利用JS实现iframe 子页面自适应高度
[内容预览]
508 | 2009-04-17
ie6、firefox2 通过， 假设主页面有一个div，里面放置一个iframe <div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></...
[阅读全文]
-
jquery人们问题导航菜单及显示隐藏层
[内容预览]
293 | 2009-04-17
用jquery实现显示隐藏层，和用jquery实现导航样式 非常简单的几句代码，免去了用js写一大串的垃圾代码。 //下面是导航样式的 $("a[title='nav']").click(function(){ for(i=0;i<$("a[title='nav']").size();...
[阅读全文]
-
用JS实现高亮显示文章或搜索结果中的关键词
[内容预览]
179 | 2009-04-17
用JS来实现，可以优化影响效率、占用服务器资源方面的问题。代码如下： 以下是引用片段： function XP_Highlight() { this.KeyWords = null; // 格式化关键词 this.forma...
[阅读全文]
-
图片轮播特效代码
[内容预览]
60 | 2009-04-17
以下是HTML网页特效代码，点击运行按钮可查看效果： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3...
[阅读全文]
-
UrlEncode函数 for javascript
[内容预览]
185 | 2009-04-17
function UrlEncode(str){ var ret=""; var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%"; for(var i=0;i<str.length;i++){ var chr = str.charAt(i); var c=str2asc(chr); if(parseInt("0x"+...
[阅读全文]
-
js生成曲线图源码
[内容预览]
264 | 2009-04-17
近开发彩票分析网站，需要用到js绘制分析曲线图。 参考网上的绘图代码，自己封装了一个绘图类，给大家做一个参考。 引用方法: new gov.Graphic(par1,par2,par3); par1 为绘图数据 var data=new period([0,10,22...
[阅读全文]
-
js实现li隔行换色的代码
[内容预览]
80 | 2009-04-17
推荐使用javascript实现比较好，没有必要浪费服务器的资源 <style type="text/css"> #nn { list-style:none; } .c1 { background:#ff0000; } .c2 { background:#00ff00; } </style> <ul id="nn"> <li>1...
[阅读全文]