插件1:用来给某个textfield或textarea表单元素赋予一个输入值的默认提示值效果。
插件2:用来给某个textfield或textarea表单元素赋予一个输入内容计数限制并提示的效果。
使用范例见代码。
可下载附件script.js,加载到系统里后,创建一个内容时即可看到所有效果。
大家也可以直接下载附件PPT,更直观一些。
抛弃现代化的DIV+CSS技术, 回到HTML4.0 - TABLE 的时代! 少用CSS!多利用标签本身的属性!
尽量保持简洁的设计风格(布局,样式),少用图片! 如:FACEBOOK
不管是整体或是局部的布局,都严格使用TABLE!
今天翻了翻收藏的一些前端效果,看到有个文本框字数输入提示效果,看了下它的代码,完全不晓得它怎么搞的,只觉得代码好乱...可能是设计师的规范、写法风格不一样的缘故吧。
仔细思考了以下这种东西,觉得不会太难,于是自己动手,丰衣足食...
首先设计了下体验的界面和细节,觉得除了像jquery ui那样的背景进度提示之外,还应该加上数字提示,所以使用界面应该如下图:
代码使用很简单,只要知道要应用的 textarea 的 id 即可。
详情请看附件示例。
HTML:
这个设计没有太多高深的css技巧,值得提下的是相对-绝对定位的使用技巧,详情查看源码及附件。
一. 过滤单独的样式表 具体用法参见:IE有条件注释用法详解 http://www.beautycss.org/edu/css/2009-03-25/64.html
二. 过滤单独的规则和声明
滚动代码网上一搜能找到很多,但是有的不兼容,有的甚至根本不能用,误人子弟!下面的这套方法是经我多次在项目中运用过的,也是对网上代码的一个精简,兼容性良好。 下面给大家介绍:向上滚动文字,向左滚动图片+文字 两种效果 若你想弄懂原理,就接着看,若只想拿来用,可以直接下载附件看源码: marquee_vertical.html 竖直无缝循环滚动效果 marquee_lecel.rar 水平无缝循环滚动效果
1. 解决Flash挡住弹出层的问题:
<param name="wmode" value="opaque" /> <embed wmode="opaque"></embed> </param>
2..兼容各浏览器的alpha滤镜: