<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>生成一个倒计时效果</title> <style type="text/css"> body{ margin:0; padding:0; background: orange; width: 100%; height: 10…
挑战: a) 绑定一个点击方法到这个div,点击后此元素会淡出消失 b) 同时克隆一个新的div元素到页面,元素内容是前面div文字内容反向书写(即,sgatbg olleh),同样也具有上面的点击事件绑定,元素淡出消失 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>克隆一个页面元素及其相关元素</titl…
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src="../js/jquery-1.11.0.js"></script> <script type=&…
这是一款基于jquery实现的手机发送验证码倒计时效果代码,可实现实时显示秒数倒计时的功能,还可实现对手机号码格式验证的功能,是一款常用的网站注册发送手机验证码特效代码. 效果描述:注册一个网站,当需要发送验证码到手机上的时候,我们经常碰到这样的效果:首先检测手机是否符合1开头,11位数字的格式:若不符合,则提示错误信息并返回false:否则提交给后台,后台确定接收后返回一个值,发送按钮变为灰色并倒计时. 运行效果: 年利率高达14.4% 上海投融理财,20万起投,年化收益14.4% 房产抵押,…
要求: 页面包含两个HTML元素:一个按钮,一个小方块 动画要求:点击按钮,小方块从页面坐标300,300,加速移动到0,0 相关知识点: jQuery动画方法animate easing参数的设置 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <title>实现页面元素加速动画效果</title> <styl…
body { background-color: #F2F2F2; text-align: center; } .container { position: relative; width: 500px; height: 500px; margin: 0 auto; } .pic { position: absolute; width: 100px; height: 100px; border-radius: 50px; overflow: hidden; transition: width e…
HTML页面: <!-- HTML代码片段中请勿添加<body>标签 //--> <div id="container"> <div id="first"></div> <div id="second"></div> </div> <!-- 推荐开源CDN来选取需引用的外部JS //--> <script type="tex…
原文链接:http://www.cnblogs.com/steed-zgf/archive/2012/02/03/2336984.html <!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.or…
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>007 切换数据表格的行列</title> <style type="text/css"> table{ border: 1px solid #ccc; font-size: 14px; } table th, .heade…
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>使用最短的代码生成元素的闪烁效果</title> <style type="text/css"> .blink{ width: 150px; height: 150px; -webkit-border-radius: 50%…