js效果 - 随笔分类(第2页) - 伊人怎会持宠而骄

左右焦点轮播图

摘要：<!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.o 阅读全文

posted @ 2019-01-28 09:45 伊人怎会持宠而骄阅读(92) 评论(0) 推荐(0)

旋转木马轮播图

摘要：css部分 @charset "UTF-8"; /*初始化 reset*/ blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{ma 阅读全文

posted @ 2019-01-28 09:44 伊人怎会持宠而骄阅读(140) 评论(0) 推荐(0)

手风琴效果

摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{list-style: none} *{margin:0; padding:0;} div{ width: 1150px 阅读全文

posted @ 2019-01-28 09:44 伊人怎会持宠而骄阅读(105) 评论(0) 推荐(0)

淡入淡出轮播图

摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} ul,ol{ list-style: non 阅读全文

posted @ 2019-01-28 09:42 伊人怎会持宠而骄阅读(108) 评论(0) 推荐(0)

简单版轮播图

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style>* { margin: 0; padding: 0; } ul, ol { list-style: none; } img { display: b 阅读全文

posted @ 2019-01-28 09:42 伊人怎会持宠而骄阅读(157) 评论(0) 推荐(0)

从右到左无缝滚动轮播图

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } div{ width:600px; height:200px; positio 阅读全文

posted @ 2019-01-28 09:41 伊人怎会持宠而骄阅读(625) 评论(0) 推荐(0)

上下滚动记录列表样式的轮播图

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equ 阅读全文

posted @ 2019-01-28 09:41 伊人怎会持宠而骄阅读(847) 评论(0) 推荐(0)

无缝上下滚动轮播图

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{ margin:0; padding:0; } #container{ height:170px; width:500px; 阅读全文

posted @ 2019-01-28 09:40 伊人怎会持宠而骄阅读(578) 评论(0) 推荐(0)

自动切换播放轮播图

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ position: relative; mar 阅读全文

posted @ 2019-01-28 09:40 伊人怎会持宠而骄阅读(274) 评论(0) 推荐(0)

正则表单验证

摘要：<!DOCTYPE html> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Key 阅读全文

posted @ 2019-01-28 09:39 伊人怎会持宠而骄阅读(263) 评论(0) 推荐(0)

正则判断密码强弱

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ width:80px; height: 10px; display: inline-block; ba 阅读全文

posted @ 2019-01-28 09:38 伊人怎会持宠而骄阅读(369) 评论(0) 推荐(0)

简单正则验证

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="ok.html"> 用户名: <input type="text" id="t1" /><span id 阅读全文

posted @ 2019-01-28 09:37 伊人怎会持宠而骄阅读(120) 评论(0) 推荐(0)

QQ号码正则判断

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 输入qq ： <input type="text" id="qq" /> <input type="button" value="判阅读全文

posted @ 2019-01-28 09:37 伊人怎会持宠而骄阅读(970) 评论(0) 推荐(0)

计算星期几

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td>请输入年:        &nbs 阅读全文

posted @ 2019-01-28 09:36 伊人怎会持宠而骄阅读(124) 评论(0) 推荐(0)

倒计时

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="h">距离倒计时结束还有xx小时xx分钟xx秒</h1> </body> </html> <script> var 阅读全文

posted @ 2019-01-28 09:35 伊人怎会持宠而骄阅读(141) 评论(0) 推荐(0)

实现这一天是这一年中的第几天

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 年：<input type="text" id="oTxtYear"/><br> 月：<input type="text" id=" 阅读全文

posted @ 2019-01-28 09:35 伊人怎会持宠而骄阅读(123) 评论(0) 推荐(0)

选项卡放大镜（淘宝购物效果）

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 350px; h 阅读全文

posted @ 2019-01-28 09:34 伊人怎会持宠而骄阅读(197) 评论(0) 推荐(0)

遮罩层放大镜

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ display: block; } #box{ 阅读全文

posted @ 2019-01-28 09:33 伊人怎会持宠而骄阅读(121) 评论(0) 推荐(0)

普通放大镜

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 350px; h 阅读全文

posted @ 2019-01-28 09:32 伊人怎会持宠而骄阅读(121) 评论(0) 推荐(0)

土豆右下角菜单悬浮效果

摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{mar 阅读全文

posted @ 2019-01-28 09:31 伊人怎会持宠而骄阅读(156) 评论(0) 推荐(0)

随笔分类 - js效果