十里桃花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 1151

原创鼠标经过展开图片

鼠标经过展开图片 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 371

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

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

2017-09-04 22:01:36 925

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

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

2017-09-04 21:57:56 316

原创纯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 514

原创 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 1695

原创 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 221

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

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

2017-09-04 21:50:17 585

翻译 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 508

原创 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 1680

原创怎样用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 4185

原创怎样用最简单的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 3241

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

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

2017-08-18 16:47:23 1490

原创 JS怎样制作验证码？

JS怎样制作手机验证码？

2017-08-18 16:43:51 430

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

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

2017-08-18 16:06:10 587

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

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

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

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

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

2017-08-18 15:56:58 1302

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

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

2017-08-18 15:54:58 787

原创计算时间差

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

2017-08-18 15:50:49 761

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

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

2017-08-18 15:45:26 473

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

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

2017-08-18 15:32:21 1921

qq_39875553的博客