十里桃花131-优快云博客

原创 JQuery制作飘落的树叶动画效果

飘落的树叶body {background-color:#4E4226;}#container {position:relative;height:700px;width:500px;margin:50px auto;overflow:hidden;border:4px solid #5C090A;background:#4E4226 url('

2017-09-04 22:18:32 1075

原创鼠标经过展开图片

鼠标经过展开图片ol,li {list-style:none;}body {background:#f3f3f3;font-family:"宋体,微软雅黑";}img {border:none;}.list_box {color:#333;background:#fff;width:235px;margin:20px auto;

2017-09-04 22:17:07 320

原创 JQuery制作四种简易的动画效果

闪关灯动画、底部淡入动画、左下角进入、弹起上方进入

2017-09-04 22:01:36 839

原创前端面试题CSS+HTML??

1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB

2017-09-04 21:57:56 273

原创纯css水平三级导航栏

纯css水平三级导航@charset "UTF-8";.box{margin: 0 auto;padding: 0px;font-family:微软雅黑;position:relative;float:left;}.box a{color:white; text-align:center;}.box ul{margin:0px;pa

2017-09-04 21:56:07 457

原创 tab框切换嵌套tab框

tab切换中套tab切换body,ul,li,div,a {margin:0px;padding:0px;}body {margin-top:10px;margin-left:15px;}#all {border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px

2017-09-04 21:54:01 1618

原创 JS原生态瀑布流

js纯原生手写瀑布流-jq22.com * {margin:0;padding:0;}#main {position:relative;height:auto;margin:0 auto;}.box {padding:10px 0 0 10px;float:left;/*height:auto;*/}.pic {paddi

2017-09-04 21:51:38 185

翻译 JQuery制作文字置顶、置底与上下移动及全选反选

jquery列表操作-jq22.com .active{ background: #ccc; }全选不选反选删除用玻璃做个椒盐饼？这是新技术展示上移下移置顶置底

2017-09-04 21:50:17 519

翻译 JQuery制作小风车特效

Canvas小风车-jq22.com* {margin:0px;padding:0px;}body {background-color:lightblue;}#mydiv > #myCanvas {background-color:white;border:solid 5px LightSalmon;} 对不起，您的

2017-09-04 21:47:58 448

原创 HTML+CSS制作鼠标悬浮上去可以放大的照片墙?

照片墙@charset "utf-8";body {background:gainsboro;/*背景颜色*/}.div_pic {width:800px;height:1000px;margin:60px auto;position:relative;}.p {/*内边距*/padding:10px 10px 10px;

2017-08-18 17:16:29 1606

原创怎样用html+css制作照片墙？

照片墙@charset "utf-8";body {background:gainsboro;/*背景颜色*/}.div_pic {width:800px;height:1000px;margin:60px auto;position:relative;}.p {/*内边距*/padding:10px 10px 10px;

2017-08-18 17:13:26 4108

原创怎样用最简单的html+css代码制作一颗跳动的心？

心* {margin:0;padding: 0;}body {background-color: #000;}h2 { width: 220px; margin: 20px auto; color: #f00; }.heart {width: 200px;height: 200px;position: rel

2017-08-18 17:03:07 3162

原创 JQuery和JS怎样实现淘宝购物车的添加和删除？

JQuery和JS怎样实现淘宝购物车的添加和删除？数据使用JS制作加动态数据

2017-08-18 16:47:23 1428

原创 JS怎样制作验证码？

JS怎样制作手机验证码？

2017-08-18 16:43:51 380

原创三种简单又快捷的方法让你弄懂随机数

制作随机数的三种简易方法

2017-08-18 16:06:10 497

原创 JS模拟超市简易收银台小程序

JS模拟超市简易收银台小程序

2017-08-18 16:03:03 2522 1

原创 JavaScript和随机数制作简易的双色球彩票

JavaScript和随机数random制作简易的双色球彩票

2017-08-18 15:56:58 1239

原创好玩的JS Dom点击事件及特效

好玩的JS Dom点击事件及特效简单易懂，注释明了

2017-08-18 15:54:58 738

原创计算时间差

时间差作业 // 1.延伸计算员工合同到期日期，并且提前一个月通知签合同，并且在签合同之前的一个星期之前提醒要准备签合同了 //定义一个日期如今天2017-07-31var today =new Date();//document.write(today+""); //定义结束日期var endTime=new Date("2017-09

2017-08-18 15:50:49 639

原创二位数组遍历循环城市

二位数组遍历循环输出城市

2017-08-18 15:45:26 421

原创 CSS3动画——五个圆球的动画及音乐播放器和Loading图标

CSS3动画——五个圆球的动画及音乐播放器和Loading图标360卫士图标与网易云音乐图标

2017-08-18 15:32:21 1863

qq_39875553的博客