html
关注
分享
扫一扫
文章平均质量分 69
chenweishaoxing
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
html+css 网页居中的方法
html+css 网页居中的方法转自 袁宏 阅读次数:1085 2009/1/10 10:18 好久没动手做过网站了，今天开始做，感觉真是有点生疏。 一开始就碰到问题，我要让块级元素（div)head在body中居中，我这样定义CSS/*body*/body{text-align:center;width:760px;}/*head*/#h...原创 2013-08-15 08:05:16 · 237 阅读 · 0 评论 -
CSS 控件 参考网址
http://www.cssflow.com/snippets/mini-dropdown-menu原创 2013-03-30 09:36:10 · 145 阅读 · 0 评论 -
div 显示与隐藏
div 显示与隐藏 最近写项目用到DIV隐藏,以下引用http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.htmlvisibility隐藏的对象还保留对象显示时所占的物理空间，display则不保留。可以保存下面的代码看看效果：具体步骤：代码示例：<div style="border:1px solid #...原创 2013-03-29 19:35:22 · 125 阅读 · 0 评论 -
简单js+css实现模拟自定义select样式
简单js+css实现模拟自定义select样式 http://www.niumowang.org/html-css/js-css-select-style/原创 2013-03-28 21:27:04 · 364 阅读 · 0 评论 -
自定义 select 控件
http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/原创 2013-03-28 21:20:57 · 151 阅读 · 0 评论 -
css 3 按钮
CSS3 Gradient Buttons / Published in: CSS URL: http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/ Expand | Embed | Plain Text/* CSS3 Gradient Buttons http:...原创 2013-03-28 15:10:27 · 155 阅读 · 0 评论 -
CSS3 按钮
https://developer.cdn.mozilla.net/media/uploads/demos/m/o/mok20123/8aff6ca4f35726d64880dd6fc77739ba/css3-button-generato_1325474481_demo_package/index.html原创 2013-03-28 14:43:29 · 130 阅读 · 0 评论 -
CSS3渐变色按钮
CSS3渐变色按钮 2011-02-17 16:07:03| 分类： 关于，设计|字号 订阅 上一篇文章介绍了css3的渐变色属性，今天带来CSS3渐变特性的应用。可以去看一组按钮，我只用了 CSS创建完成的渐变按钮(不需要图片和Javascript)。 这些按钮可以根据字体的大小伸缩。当填充和字体大小发生变化时，这些按钮的大小可以容易地适应。 这种方...原创 2013-03-28 13:54:53 · 231 阅读 · 0 评论 -
圆角table
代码<!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>..原创 2013-03-27 14:25:41 · 151 阅读 · 0 评论 -
jquery checkbox disable enable
$(function(){ enable_cb(); $("#group1").click(enable_cb);});function enable_cb(){if(this.checked){ $("input.group1").removeAttr("disabled");}else{ $("input.group1").attr("disabled",tru...原创 2013-03-30 20:04:51 · 303 阅读 · 0 评论 -
jquery 渐入渐出 特效
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose原创 2013-03-31 17:43:13 · 426 阅读 · 0 评论 -
media query 的用法
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose原创 2013-04-01 11:07:08 · 331 阅读 · 0 评论 -
div里table居中的问题
div里table居中的问题将div的text-align设为center，然后将table的margin设为auto，即：<div style="text-align:center;"> <table style="margin:auto; width:80%;"> </table></div>这样在几种浏览器中都可以实...原创 2013-08-15 08:01:07 · 257 阅读 · 0 评论 -
HTML 文本区 边框带标题
<form id="dreamduform" action="dreamdu.php" method="post"> <fieldset> <legend>你对梦之都的感觉:</legend> <label for="selec原创 2013-03-01 11:07:33 · 1789 阅读 · 0 评论 -
html button的不同状态
<!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"> <h...原创 2012-08-03 15:34:11 · 639 阅读 · 0 评论 -
json 遍历
JSON数据如：{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/原创 2013-04-12 14:01:10 · 260 阅读 · 0 评论 -
防止浏览器读取缓存的一个老方法
防止浏览器读取缓存的一个老方法分类： JavaScript2013-02-28 10:36 57人阅读 评论(0) 收藏 举报有时候我们利用WebService获取数据的时候，访问它的URL几乎是不变的，但是内容却随着服务器的更新而不同，可是问题是浏览器考虑到性能的原因，对重复的URL操作，如果有缓存，则会将旧的信息返回给浏览器，而不是重新到服务器上去请求信息。解决...原创 2013-04-11 22:18:49 · 393 阅读 · 0 评论 -
jquery 图片加载失败
JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现（如果因为网络或图片的原因发生异常，则显示该图片）~ ?1234567</head><body><p>判断百度的LOGO是否存在：<br>&l...原创 2013-04-10 20:47:55 · 372 阅读 · 0 评论 -
ajax 超时设置
$.get() $.post() $.ajax() jQuery 提供的Ajax模式下 如何设置timeout设置超时时间呢？？ 期待回复........ 自己补充吧！提供给有需要的朋友！ $.get()与$.post()方法是$.ajax的高级封装！这个我不啰嗦了！ 要设置请求超时可以用全局属性$.ajaxSetup({timeout:5000}); 5秒后放弃请求！ $.ajax方法有ti...原创 2013-04-10 18:40:48 · 150 阅读 · 0 评论 -
iphone 字体不放大属性
-webkit-text-size-adjust:none;原创 2013-04-01 20:20:34 · 148 阅读 · 0 评论 -
css3实现背景颜色线性渐变
css3实现背景颜色线性渐变发表于 2011/12/14 5 条回复 4,719 views对于网页设计师而言，颜色渐变在网页设计中十分常见，而对于网页制作者来说，通常的方法就是把渐变切成图片来实现。伴随着css3的出现，实现背景颜色渐变，图片不再是唯一的实现方式。虽然IE浏览器还没有实现，但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面，我分别就这两种内...原创 2013-03-26 17:14:15 · 626 阅读 · 0 评论 -
CSS渐变效果
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#fff), color-stop(2%, #7a8091), color-stop(3%, #a6aab7), color-stop(50%, #dddfe4), ...原创 2013-03-26 16:49:33 · 111 阅读 · 0 评论 -
css渐变效果
css渐变效果 2012-04-05 17:58:45| 分类： 默认分类|字号 订阅 CSS3发布很久了，现在在国外的一些页面上常能看到他的身影，这让我羡慕已久，只可惜在国内为了兼容IE，让这一项技术受到很大的限制，很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用，为了不被淘汰，我也开始向CSS3进发，争取跟上技术...原创 2013-03-26 16:15:09 · 140 阅读 · 0 评论 -
HTML <button> 无效
HTML <button> 标签的 disabled 属性HTML <button> 标签定义和用法disabled 属性规定禁用按钮。被禁用的按钮既不可用，也不可点击。可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以...原创 2013-03-18 12:53:58 · 1591 阅读 · 0 评论 -
css强制html不换行 css强制英文单词断行
css强制html不换行 css强制英文单词断行 强制不换行div{ white-space:nowrap; } 自动换行div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行div{ word-break:break-all; } ...原创 2013-03-15 14:44:47 · 148 阅读 · 0 评论 -
Javascript对象的属性名称及值的获取
Javascript对象的属性名称及值的获取2011-04-17 05:29:41标签：javascript value object attribute property版权声明：原创作品，谢绝转载！否则将追究法律责任。 定义一个Javascript对象var company = { companyName : '蓝惠信息科技工作室'...原创 2013-03-15 13:09:44 · 157 阅读 · 0 评论 -
html div 内容居中
Div居中，Div里的内容居中1.DIV居中：主要的样式定义如下：body {text-align: center;}#center { margin-right: auto; margin-left: auto; }说明：首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中；对于ie这样设定就已经可以了。但在mozilla中不能居...原创 2013-03-12 15:19:16 · 562 阅读 · 0 评论 -
jquery显示隐藏div
jquery显示隐藏div发布时间：2011-06-14 转载文章请标明出处：http://code.01yun.com/javascript/ajax/20110614/54341.html本文章收藏了三款jquery 实行div显示隐藏，利用了jquery很多事情做起来都方便了很多，下面我们来看看jquery显示隐藏div效果代码吧。以下为html内容：...原创 2013-03-06 17:17:49 · 164 阅读 · 0 评论 -
JSTL if 的使用
<c:if> 标签必须要有test属性，当test中的表达式结果为true时，则会执行本体内容；如果为false，则不会执行。例如：${requestScope.username = = 'admin'}，如果requestScope.username等admin时，结果为true；若它的内容不等于admin时，则为false。 于 接下来看下列的范例： &l...原创 2013-03-06 10:34:04 · 944 阅读 · 0 评论 -
JS 页面滑动 底部 顶部
网页添加页面滑动按钮(回到顶部、底部、暂停滑动) 终于基本完成了（请看向页面最右边→_→），虽然还是有不足，但是基本能用的了。存在的不足：1.没有实现动态设定滑动用时（你可以把浏览器滑动条拉下一点和拉到底，你会发现运动速度不一样）。2.当你按下滑动按钮后，在动画结束前无法自由拖动浏览器滑动条到其他地方。这来两个问题都跟滑动条有关。。。主要是滑动条的属性值取得问题我...原创 2013-03-02 13:46:42 · 335 阅读 · 0 评论 -
HTML 列表
默认的无序列表加"实心园"默认的无序列表"实心园"默认的无序列表"实心园"无序列表square 加方块无序列表square 加方块无序列表square 加方块无序列表circle 加空心园无序列表circle 加空心园无序列表circle 加空心园默认的有序列表默认的有序列表默认的有序列表第1 项第2 ...原创 2011-05-16 07:32:18 · 107 阅读 · 0 评论 -
html checkbox 文字自动换行
checkbox 自动换行 把匹配的checkbox和文字用一对span标签包裹并且给这个span标签加样式 display:inline-block<span style="display:inline-block"> <input id="Checkbox1" type="checkbox" value="1"/>文字1&a原创 2013-03-18 14:27:33 · 1682 阅读 · 0 评论 -
div p 等标签的宽度和高度问题
div p 等标签的宽度和高度问题 (2013-01-13 01:31:23)转载▼标签： 杂谈分类： viewTech想用一个div 把整个页面填充，代码会怎么写？？？ 标题 Hello 测试 用浏览器查看后，效果不是想要的，高度没有100%？？？是浏览器兼容问题？？？试了其他浏览器，结果一样，还是不行。...原创 2013-03-19 17:10:59 · 6805 阅读 · 0 评论 -
一个jQuery插件Client OS/Browser detect浏览器检测
一个jQuery插件Client OS/Browser detect浏览器检测时间:2010-09-07 来源:网络 作者:admin 点击: 次 介绍一个jQuery插件Client OS/Browser detect，可以非常方便的获取操作系统和浏览器信息，使用方法如下.使用说明需要使用jQuery库文件和Client OS/Browser detect库文件[下载...原创 2013-03-19 20:21:34 · 209 阅读 · 0 评论 -
CSS3中轻松实现渐变效果
CSS3中轻松实现渐变效果10文章出处：w3cmm教程 作者：佚名 发布时间：2012-03-12 注：如本网转载的教程文章涉及版权等问题，请作者与我联系，我将在第一时间删除。谢谢！ 联络邮箱(Contact E-mail)：wzskynet#163.com·分享25个CSS3动画按钮和菜单教程·CSS实例教程：十步学会用CSS建站·曹鹏CSS/层叠样式表...原创 2013-03-26 16:03:47 · 157 阅读 · 0 评论 -
html 表格设计
Top 10 CSS Table DesignsBy Guest AuthorAugust 13th, 2008 CSS, Tables 417 CommentsBy R. ChristieTables have got to be one of the most difficult objects to style in the Web, than...原创 2013-03-26 11:00:32 · 253 阅读 · 0 评论 -
css渐变 -moz-linear-gradient -webkit-gradient
css渐变 -moz-linear-gradient -webkit-gradientwebkit内核的safari、 Chrome的Linear Gradients (线性渐变) -Css3演示原创CSS88-webkit-gradient(linear,0% 0%, 0% 100%, from(#999999), to(#333333), color-stop(0.5,#3366...原创 2013-03-25 19:59:50 · 178 阅读 · 0 评论 -
webkit内核浏览器的Linear Gradients (线性渐变)
日志标签：-webkit-gradientwebkit内核浏览器的Linear Gradients (线性渐变) -Css3演示时间：2010年03月08日作者：愚人码头查看次数:9,784 views评论次数：1条评论webkit内核的safari、 Chrome的Linear Gradients (线性渐变)的几点说明及演示：webkit内核的safar...原创 2013-03-25 19:58:30 · 223 阅读 · 0 评论 -
深入探究DIV CSS布局中position属性用法
如果用DIV CSS中的position属性来布局页面，父级元素的position属性必须为relative，而定位于父级 内部某个位置的元素，最好用absolute。本文向大家描述一下DIV CSS布局中的position属性的用法，position属性主要有四种属性值，任何元素的默认position的属性值均是static,静态。这节课主要讲讲relative（相对）以及abs...原创 2013-03-25 15:50:20 · 192 阅读 · 0 评论 -
适配不同分辨率屏幕
如今的屏幕分辨率，小至320px（iPhone），大到2560px甚至更高（大显示器），变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来，我们将了解一下怎样通过HTML5和CSS3 Media Querie...原创 2013-03-25 15:08:02 · 499 阅读 · 0 评论