-
关于文本框的字数限制功能
所属栏目:[产品] 日期:2018-09-04 热度:100
烈火网(LieHuo.Net)教程 由于Html里只有input元素拥有maxlength属性,而textarea没有,所以以前对于文本框字数限制做了很多方案的解决,但是都不太完美。后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin,简单好用。 这是例子:[详细]
-
Web 开发点滴:浏览器最大化
所属栏目:[产品] 日期:2018-09-04 热度:197
烈火网(LieHuo.Net)教程 Web 开发点滴之浏览器最大化,本文转自cnblogs。 窗口开启即最大化方法1: 窗口开启即最大化方法2: 开启即最大化: 开启后弹出窗口最大化: 调用代码使打开窗口最大化:[详细]
-
图片放大镜(支持数目/位置/倍数等设置)
所属栏目:[产品] 日期:2018-09-04 热度:53
烈火网(LieHuo.Net)教程 之前小编看过好多放大镜效果,并且我们在烈火网的教程中也提到过此类例子,如《JavaScript 移动焦点放大图片局部效果代码》、《各类CMS通用鼠标触发放大图片效果》等,今天我们再来看一个功能更加强大的例子,可以设置部分图片和网[详细]
-
解决 min-width 在 IE6 中无效的方法
所属栏目:[产品] 日期:2018-09-04 热度:189
1.实现最小宽度min-width 标准浏览器和ie7+用:min-width:1008px; 这样在实现自适应布局时可以保证布局不小于一定宽度,同时宽屏或窄屏窗口被用户拖窄后不会出现布局自动换行。 对于Ie6以下模拟实现用的css表达式: _width:expression((documentElement.clie[详细]
-
根据主题类突出显示当前页面
所属栏目:[产品] 日期:2018-09-04 热度:98
烈火网(LieHuo.Net)教程 一些网站的导航条,可以突出显示正在访问的页面,提示用户正在访问哪个页面。使用css怎么做到这个呢?在cssmestery上讲了一个方法(p172),我把它记录下来。 1)使用类来标示每个页面。 2)使用相应的ID标示链接。 3)在CSS中建立[详细]
-
点击输入框背景图片消失效果代码
所属栏目:[产品] 日期:2018-09-04 热度:115
问题: 如何弄当鼠标点击输入框的时候,背景图bg.gif就消失? 回答: textarea name=content rows=7 cols=39 onfocus=this.style.backgroundImage=''; style=background-image: url('http://www.veryhuo.com/liehuo.net/images/liehuo2009/logo.gif')/text[详细]
-
让Fiddler调试localhost和127.0.0.1
所属栏目:[产品] 日期:2018-09-03 热度:107
今天看到Lulu的闪存问到Cookie的问题,然后引发更多问题,突然想到昨晚使用Fiddler调试是否使用gzip压缩时,发现IE7下的localhost无法被捕获了。呵呵,然后就直接搜索了Fiddler localhost,找到了原因。 Copy to Clipboard 引用的内容:[www.veryhuo.com]I[详细]
-
网页打开时输入框自动获取焦点的方法
所属栏目:[产品] 日期:2018-09-03 热度:153
打开hao123主页,光标马上就会停在百度的搜索框里,打开百度也是这样,访客可以直接输入关键字来搜索,而不用将光标指在输入框并点击才激活,这样也就方便了网民。 这是怎么实现的呢?其实也就是一段 Java Script代码而已,看下面的代码: 把body标签改成[详细]
-
getElementsByAttribute
所属栏目:[产品] 日期:2018-09-03 热度:145
这个可以说属性选择符的JS版,用来遴选元素是适合不过。在开始之前,我们复习一下CSS2的属性选择符,JQuery高手可以跳过。 属性选择符: 当然属性值不定要用双引号,也可以用单引号,或干脆不写。属性值可以是字母,数字,或者gb2312等编码的文字,总之,[详细]
-
符号和||运算法的另类使用
所属栏目:[产品] 日期:2018-09-02 热度:72
一直以为 和 || 这两个伟大的运算法只能在判断表达式使用,也就是常在if语句使用,原来错了,它还可以运用在简化选择性执行语句的操作,有点拗口,简单点也就是:操作执行某条语句,不执行某条语句。 和||在JQuery源代码内尤为使用广泛,由于本人没有系统的[详细]
-
利用box-sizing实现div仿框架
所属栏目:[产品] 日期:2018-09-01 热度:78
[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome 2 ] [操作系统:Windows] 先看代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
小字体小行高兼容性分析及差异解决办法
所属栏目:[产品] 日期:2018-09-01 热度:181
[参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome 2 ] [操作系统:Windows] 浏览器们缺乏党的教育,对行高没有统一的认识,于是在小字体小行高的情况下,总出现肉眼可见差异,对美观产生了举足轻重的影响。 要解决这一细节性的问题,我们[详细]
-
超圆滑圆角框的半完美解决方案
所属栏目:[产品] 日期:2018-09-01 热度:174
导言:本文探讨的是圆角框的终极解决方案,其核心关键词是圆滑、完美、兼容、重用性、语义,这些技术都是收集目前网络上最流行的做法。纵观种种方法,各有其优势,请针对不同的环境分别使用。 圆角框,因为其样式比直角框漂亮,所以成为设计师心中偏爱的设[详细]
-
IE 浏览器的 setAttribute bug
所属栏目:[产品] 日期:2018-09-01 热度:191
烈火网(LieHuo.Net)教程 在IE6,IE7中,如果动态生成input元素,是无法为其设置name属性的。当然这bug已经在 IE8 中被修复,详见这里。由于name属性对表单元素非常重要(在提交表单时,与value属性组成键值对,发送到后台),因此必须留意这个bug。 !doctyp[详细]
-
网页设计之字体设置(中)
所属栏目:[产品] 日期:2018-09-01 热度:66
上一篇:网页设计之字体设置(上) 将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。○字体的样式(style)。字体的样式有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。设置方法很简单,阿捷就不多罗嗦了。 ○[详细]
-
网页超级链接Title冒泡提示效果
所属栏目:[产品] 日期:2018-09-01 热度:169
效果预览 传统的mouseover提示效果图: 1、 2、友好的设计 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadtitleMingle Web-Bubble Tooltips - liehuo.net/titlemeta http-equiv=content-type content=tex[详细]
-
WEB网页之@font-face与性能
所属栏目:[产品] 日期:2018-09-01 热度:93
副标题#e# 上一周我在Ajaxian中看到了一篇关于 @font-face 的文章。对于字体文件如何影响web网页效率的问题我已经思考了几个月了,于是我继续读了几篇文章,终于形成了下面这些自己的看法。 FOUT:Flash of Unstyled Text Paul 将Flash of Unstyled Text指[详细]
-
一个由hasLayout引起的渲染例子
所属栏目:[产品] 日期:2018-09-01 热度:102
有朋友求助,说是某个a标签设置了display:block属性,单是放鼠标上去,就是没有反应,闲着没事,就帮着调了一下,闲着把问题的发现到解决总结一下,方便后来人,同时有不足之处,还请大家多多指正。 正文: 先看页面 截图 : 红色标记的就是问题所在,其相[详细]
-
网页设计之字体设置(上)
所属栏目:[产品] 日期:2018-09-01 热度:83
字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的。好,我们来彻底研究一下字体的各个方面: ○字符集的设定。 在查看html文件原代码时,我们经常可以在文件头和之间看到这么一句代码[详细]
-
Dom Event Handlers/Dom 事件处理函数整理
所属栏目:[产品] 日期:2018-09-01 热度:140
烈火网(LieHuo.Net)教程 Dom Event Handlers/Dom 事件处理函数整理,本文参考:http://en.wikipedia.org/wiki/DOM_events大家可以研究一下,欢迎评论。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xht[详细]
-
Web应用程序中关于图片的使用
所属栏目:[产品] 日期:2018-09-01 热度:123
JPG:以24位颜色存储单个光栅图像 优点: 1.与平台无关 2.适合 摄影 作品和写实作品 3.它支持最高级别的压缩,可提高或降低压缩的级别 4.渐进式JPEG文件交错 缺点: 1.有损耗压缩会使原始图片数据质量下降 2.当您编辑和重新保存文件时,JPEG会混合原始图片[详细]
-
DATA URIS 是什么 DATA URIS 如何使用?
所属栏目:[产品] 日期:2018-09-01 热度:150
1.URI是什么? URI是uniform resource locator的简写,是一系列如何获得数据的协议。在一般的情况下,如果我们需要在HTML页面加入一个链接资源,如CSS、 Java Script文件或一个Image文件,其URL属性会告诉游览器去哪里下载这些文件,然后游览器会请求链接,[详细]
-
分享几条漂亮的下划线样式
所属栏目:[产品] 日期:2018-08-31 热度:187
早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。 使用方法: 1.后台管理-设置:[页首Html代码]里面加上下面的CSS: Copy to Clipboard 引用的内容:[详细]
-
Ewebeditor工具栏点击无反应的解决方法
所属栏目:[产品] 日期:2018-08-31 热度:144
今天给别人改网站,发现ewebeditor的工具栏不能用点击后一点反应没有,在Google问题以后发现是一个anonymous函数的问题,但是其他的解决方法都是判断浏览器版本这是提供的方法: 把 Copy to Clipboard 引用的内容:[www.veryhuo.com]if(element.YUSERONCLI[详细]
-
通过div样式控制单元格文本过长省略
所属栏目:[产品] 日期:2018-08-31 热度:143
通过我们在单元格中显示文本时,若内容过多而导致换行或撑宽单元格,下面是我在网上找的一个解决方法,共享一下,希望对大家有用: 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]table tr td div style=width: 100px; height: 18px; border[详细]