javascript+css+html
文章平均质量分 72
gundumw100
这个作者很懒,什么都没留下…
展开
-
Javascript中最常用的55个经典技巧
-1 Javascript 判断日期 格式 [code="html"] function isValidDate(str) { if (!/^\d{4}\-\d\d?\-\d\d?/.test(str)) { return false; } var array = str.replace(/\-0/g, "-"...2009-09-03 20:35:33 · 169 阅读 · 0 评论 -
下拉及多级弹出式菜单
[code="java"] 下拉及多级弹出式菜单www.aa25.cn ul { padding:0; margin:0; list-style:none;} li { float:left; width:100px;} ul li a { display:block; font-size:12px; border:1px solid #ccc; margin-to...原创 2009-08-15 23:19:27 · 128 阅读 · 0 评论 -
有利于SEO的DIV+CSS的命名规则
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:m...原创 2009-08-15 22:50:36 · 79 阅读 · 0 评论 -
内容超过长度后以省略号显示的方法
blueidea /**/ web标准常见问题大全web标准常见问题大全 这个是在越出长度后会自行的截掉多出部分的文字,并以省略号结尾,很好的一个技术。此方法适用与IE与OP浏览器,FF对此不支持 本文来自:http://www.aa25.cn/306.shtml ...原创 2009-08-15 22:42:46 · 317 阅读 · 0 评论 -
使用display:block制作横向导航菜单
DIV+css布局的核心是实现了表现和内容的分离,先来认识一下内容部分的代码编写方式: 主页 DIV+CSS教程 常用代码 水晶图标 幻灯图片 软件下载 CSS2.0实用手册 这段代码使用了一个新的元素ul,在导航之前,先简要了解一下ul元素。ul是css而已中使用得很广泛的一种元素主要用来描述列表型...原创 2009-08-15 22:37:29 · 339 阅读 · 0 评论 -
position的使用
position 用于设置对象的定位方式 可用值:static/absolute/relative 对页面中的每一个对象而言,默认position属性都是static。 如果将对象设置为position:absolute,对象将脱离文档流,根据整个页面的位置进行重新定位。当使用此属性时,可以使用top,right,bottom,left即上右下左四个方向的距离值,以确定对象的具体位置,看如...原创 2009-08-15 22:29:03 · 133 阅读 · 0 评论 -
visibility:hidden和display:none的区别
大家知道,如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素,但它的位置不能被占了,那该怎么实现呢。 突然发现css还有一个visibility属性,用 visibility:hidden;可以很方便实现隐藏元素在前台的显示,但它的位置不会被后边的元素抢占。神了吧!!...原创 2009-08-15 22:12:51 · 104 阅读 · 0 评论 -
IE与Firefox在JavaScript上的7个不同句法
1. CSS "float" 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的的 background-color值,我们使用如下句法: document.getElementById("header").style.backgroundColor= "#ccc"; ...原创 2009-08-15 22:07:45 · 82 阅读 · 0 评论 -
CSS 设置表格,表格样式
table{ border-collapse: collapse; //相邻边被合并 background-color: #cccccc; //设置表格背景色 border-top: 1px solid #000000; //设置表格上边框颜色 border-left: 1px solid #000000;...原创 2009-08-15 11:18:38 · 99 阅读 · 0 评论 -
如何在网页中嵌入搜索引擎(百度,google)
Google: [code="java"] document.f.q.focus(); •&nbs...原创 2009-08-14 15:04:19 · 355 阅读 · 0 评论 -
元素 float:right 后右对齐换行原因
[code="java"] #content{ background-color: #FFFFBA; border: 1px solid #FFCC66; padding: 4px; margin-bottom: 10px; } .left_right{ background-color:#FFDD99; border:1px solid #FF9100; padding: ...2009-08-12 14:53:53 · 102 阅读 · 0 评论 -
强制不换行,自动换行
强制不换行 p.www_52css_com { white-space:nowrap; } 自动换行 p.www_52css_com { word-wrap: break-word; word-break: normal; } 强制英文单词断行 p.www_52css_com { word-break:break-all; }...原创 2009-08-12 14:20:13 · 97 阅读 · 0 评论 -
二级联动select
var where = new Array(9); function comefrom(loca,locaaddress2) { this.loca = loca; this.locaaddress2 = locaaddress2; } where[0]= new comefrom("办公费用","办公用品|快递费|办公耗材|登记费"); where[1] = ...2009-08-12 09:33:13 · 130 阅读 · 0 评论 -
在html中调出Flash,视.音频播放器的方法
2009-08-11 16:12:13 · 148 阅读 · 0 评论 -
纵向下拉及多级弹出式菜单
[code="java"] 下拉纵向及多级弹出式菜单www.aa25.cn ul { margin:0; padding:0; list-style:none; width:120px; border-bottom:1px solid #ccc; font-size:12px;} ul li { position:relative;} li ul { positio...原创 2009-08-15 23:21:11 · 173 阅读 · 0 评论 -
web2.0中流行的设计元素:颜色
★淡淡的浅色系及延伸应用 蓝:背景#E8F5FE 边框#A9C9E2 黄:背景#FFFFDD 边框#E9DC8E 绿:背景#F2FDDB 边框#A5CF3D 粉:背景#FFE7F4 边框#F9B3D5 灰:背景#F7F7F7 边框#D5D5D5 ...原创 2009-08-15 23:26:33 · 80 阅读 · 0 评论 -
支持按键盘方向键实现翻页跳转的效果
[code="java"] document.onkeydown=nextpage var prevpage="http://www.baidu.com" //向左 var nextpage="http://www.google.com" //向右 var bookpage="http://www.www.aa25.cn" //回车 function nextpage(event) ...原创 2009-08-15 23:31:20 · 158 阅读 · 0 评论 -
遮蔽层的实现
http://www.iteye.com/topic/339585 [code="html"] 1. 2. 3. 4. 5. loading demo 6. 7. function show(){ 8. var loadbox =document.getElementBy...原创 2009-08-21 22:06:34 · 157 阅读 · 0 评论 -
css框架
当你在做网站的时候可以直接引入css的引入语句如下: http://www.blueprintcss.org/原创 2009-08-21 21:38:03 · 91 阅读 · 0 评论 -
金额正则
[code="java"] var mycost = document.forms[0].mycost.value if(mycost.length!=0) { var patrn = new RegExp(/^(([1-9]\d*)|0)(\.\d{1,2})?$/); if (!mycost.match(patrn)) { alert("金...2009-08-20 15:44:47 · 134 阅读 · 0 评论 -
打印需要的,隐藏不需要的
.noprint { display: none } 注意这里的media=print!!! [code="java"] 这里是需要打印的 以下是不需要打印的 [/code]2009-08-20 14:53:34 · 149 阅读 · 0 评论 -
1像素表格
www.code-123.com www.code-123.com www.code-123.com www.code-123.com2009-08-20 14:32:16 · 137 阅读 · 0 评论 -
功能强大的js选项卡
[code="java"] 井底的蛙 /* 选项卡封装 by 井底的蛙 2008-2-4 */ opCard = function() { this.bind = new Array(); this.index = 0; //默认显示哪个...原创 2009-08-16 22:26:32 · 85 阅读 · 0 评论 -
表单划过变换颜色
[code="java"] FireFox / Mozilla / Opera / IE 适用 /* CSS v.02 by tesion. CopyRight: http://www.netjoin.net Contact: renziweb@hotmail.com 原创表单变色 */ /*定义全局样式 */...原创 2009-08-16 22:19:28 · 98 阅读 · 0 评论 -
关于DIV高度自动伸展的问题
问题:一个DIV的最小高度是400PX,当内容高度不足400PX时,其高度设置为400PX, 当内容高度大于400PX, 则按实际高度伸展。 IE6和FIREFOX都要有效! 答案: .a{height:400px;height:auto;min-height:400px;width:500px;} ...原创 2009-08-16 00:13:42 · 162 阅读 · 0 评论 -
如何垂直居中文本
[code="java"] blueidea /**/ web标准常见问题大全 [/code] 给容器设置一个与其高度相同的行高就可以了 本文来自:http://www.aa25.cn/308.shtml原创 2009-08-16 00:09:06 · 115 阅读 · 0 评论 -
怎样使一个层垂直居中于浏览器中
[code="java"] blueidea /**/ web标准常见问题大全 [/code]原创 2009-08-16 00:04:37 · 406 阅读 · 0 评论 -
overflow解决float浮动后高度自适应问题
http://www.aa25.cn/content.asp?id=373 也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。 如图中的城市导航内的城市列表中采用了float之后,那个外框的高度并不是内容元素的高度: 怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上如下代码即可 over...原创 2009-08-15 23:58:12 · 115 阅读 · 0 评论 -
DIV元素和SPAN元素的区别和应用
首先讲两个概念,一个是行内元素,一个是块级元素。行业元素是指该元素标记的内容不不会对现在的结构造成影响,属于应用样式,辅助应用样式表等作用;而块级元素为一个块状,单独占据一行,相当于在一个该元素前后各加一个换行。 两者最明显的区别是:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构...原创 2009-08-15 23:42:05 · 237 阅读 · 0 评论 -
浮动(float)和定位(position)属性的区别和如何使用
postion:relative是子块级元素面向父级元素的相对定位,定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位,但是position移动后,原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。 float:right/left是子块级元素流集合面向父级元素的定位,定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于...原创 2009-08-15 23:37:57 · 358 阅读 · 0 评论 -
在html中调用QQ,MSN,旺旺,Skype,Email的方法
点击这里QQ聊天 点这里MSN聊天 Email: fchen@worthtech.net shilei.du@hotmail.com 咨询QQ:21755061 加我为好友MSN 在线qq交流 (1,5是控制显示图标的参数) 加我为好友旺旺 加我为好友Skype 生成代码的页面:[url]http://wp.qq.com/index.html[...2009-08-11 16:08:12 · 1099 阅读 · 0 评论 -
垂直居中显示
div { width:20px; height:500px; position:relative; display:table-cell; text-align:center; vertical-align:middle } a { position:static; +position:relative; top:50%; }2009-08-05 17:31:26 · 86 阅读 · 0 评论 -
100个很有用的JavaScript函数
[color=red] 1.document.write("");为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getEl...原创 2009-11-03 13:00:23 · 91 阅读 · 0 评论 -
几个不常用但很有用的javascript方法
1. javascript代码延迟执行。 我们经常可以看到这样的应用,鼠标放到tab上时切换tab内容为当前tab.但是这样就会有个问题,怎么样防止鼠标不经意划过tab时触发这个事件呢?答案就是延时。可以通过延迟触发来避免这种情况。但是javascript中没有这样的函数。 javascript提供了一个函数 setTimeout(),可以延迟一个操作的执行,但是这个操作最终还是要执行...原创 2009-11-03 12:57:07 · 91 阅读 · 0 评论 -
CSS中的一些小技巧
1、列表横排 将li的样式设置为 li{display:block;float:left;} display:inline; 直接横着排了,但是定义为inline后就不能定义为block了,这样的话是没有办法定义li的宽度的 2、去除图片垂直方向的空白 最好的做法 为 img 加上 vertical-align属性...原创 2009-10-16 22:44:26 · 84 阅读 · 0 评论 -
如何让一个iframe 背景透明?
网上查到让一个iframe 背景透明的办法: 首先在 然后: 问题在于这里src里的文件不再我本机上,,我没办法设置它的[color=red][/color]如下,我要引用天气预报: 我的底色是蓝的,可这个底色是白的http://weather.265.com/weather.htm 这样该怎么办? [color=red]那就不要用iframe实现,你先把这个页面...2009-10-12 17:04:49 · 139 阅读 · 0 评论 -
判断文本框还剩多少字符可以输入
javascript: [code="java"] function $(id) { return document.getElementById(id); } var maxLen=255; function checkMaxInput(){ if($("summary").value.length>maxLen){ $("summary").value=$("...2009-09-27 17:04:54 · 155 阅读 · 0 评论 -
关键字高亮显示
[code="java"] [/code] 关键字之间用 | 隔开2009-09-27 16:56:59 · 134 阅读 · 0 评论 -
在javascript中获取中英文字符长度的问题
var i="中国a"; 一般情况下,我们用i.length会得到结果3 但有时候我们需要5,下面的小代码可以解决问题 [code="java"] 1. 2. alert (fucCheckLength("中国aaaa")); 3. function fucCheckLength(strTemp) 4. { 5. va...原创 2009-09-27 16:47:29 · 95 阅读 · 0 评论 -
验证用户名是否符合长度要求
数据库里面username vachar2(12) 这个输入框要求用JAVASCRIPT去验证不能超过12个数字或英文或数字英文组合,还要求不能超过6个汉字,还要验证汉字和字母,数字的组合 如:用户名1999(就可以),麦克斯韦1999(就不行) 因为数据库里面要求的长度是12,一个汉字就占两个,但是在页面可以输入12个汉字 请用JAVASCRIPT写出你的解决方案? ...原创 2009-09-27 16:43:42 · 392 阅读 · 0 评论