html5 Canvas刮刮卡效果 实例

近年来由于移动设备对HTML5的较好支持，经常有活动用刮奖的效果，最近也在看H5方面的内容，就自己实现了一个，现分享出来跟大家交流。

超强大的JS表单验证及使用方法教程

超强大的JS表单验证及使用方法教程： 真实姓名只允许中文； 英文名只允许英文字母； 非法的Url； 密码不符合安全规则； 两次输入的密码不一致； 信箱格式不正确； QQ号码不存在； 身份证号码不正确； 电话号码不正确； 手机号码不正确； 生日日期不存在； 。。。。。。。。。。。。。 。。。。。。。。。。。。。

asp KindEditor后台文本编辑器 好用

asp KindEditor后台文本编辑器 兼容IE等浏览器

点击图片或文字显示隐藏层，带缓冲效果（动画效果）

点击图片或文字显示隐藏层，带缓冲效果（动画效果）

asp源码--自定义表单功能

自定义表单系统使用说明： 后台地址:biaodan/admin/admin_login.asp，第一次打开本后台，会提示重新安装目录，安装好，删除biaodan/install.asp文件后，即可使用。后台用户名：admin，后台密码：admin。 默认开启了邮件，需要jmail支持，在后台基本设置里可以进行关闭。 上面是服务器的基本配置，要注意邮箱地址要和smtp server用户名保持一致，密码要配置正确(当前的smtp server密码是错误的，请自行设置)，否则会出错。 下面是自动表单用户提交后，系统自动发送邮件给网站管理员的地址。 回发给客户的链接地址是当用户提交后，系统同时也发送邮件给用户的邮箱，包含一个链接地址。

Iphone手机用户设计网页模板Html5+Css3

很不错的参考资料，可以生成一个手机app在应用在手机上，很强大哦，喜欢研究移动互联网的朋友可以试试。 网页自适应屏幕大小，自适应宽窄屏幕

网页上的点击弹出层代码，居中显示

网页上的点击弹出层代码，居中显示 点击弹出居中的遮罩层代码

js实现div、图片圆角效果

超简单实用JS实现DIV、图片圆角效果 <!--[if lte IE 9]> <script type="text/javascript" src="DD_roundies_0.0.2a.js"></script> <script type="text/javascript"> DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true); DD_roundies.addRule('.websjy2,.websjy', '5px', true); DD_roundies.addRule('.websjy3', '200px', true); DD_roundies.addRule('.websjy4', '5px 5px 0 0', true); DD_roundies.addRule('.websjy div', '8px', true); </script> <![endif]--> <style> /*圆角处理 IE9以上及其它浏览器 */ .websjy div{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;} .websjy,.websjy2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .websjy3{-moz-border-radius:200px;-webkit-border-radius:200px;border-radius:200px;} .websjy4{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} </style> <div style="border:1px solid #0099CC; width:200px; height:200px; background:#99FFFF; margin-bottom:10px;padding:20px; font-size:12px;" class="websjy1">DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);</div> <h3>效果2：小圆角</h3>

圆角框js类DD_roundies.js 下载

使用方法： 1、引用JS文件； 2、DD_roundies.addRule(selector, rad, standards) 如DD_roundies.addRule("#divID", "10px); 此上传版本修正了官方版本的影响VS2008下的Intellisense功能的BUG。 解决IE9不兼容的方案： <!--[if lte IE 8]> <script src="js/DD_roundies_min.js"></script> <script> DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true); DD_roundies.addRule('.websjy2', '5px', true); DD_roundies.addRule('.websjy3', '500px', true); </script> <![endif]--> <style> .websjy3{-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;} .websjy2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;} </style>

鼠标经过图片局部放大（仿淘宝产品展示）

鼠标经过图片局部放大. 仿淘宝产品展示图片。