2015年07月_YZiAngel

原创可自动切换选项卡

当鼠标移动的时候，停止自动切换，当鼠标移除的时候继续自动切换代码如下：无标题文档*{margin:0;padding:0}.notice{ height:98px; width:298px; border:1px solid #eee; overflow:hidden; }.notice-tit{ height:27px; position:relati

2015-07-30 21:07:17 829

原创可延迟的选项卡切换

带有一些延迟的选项卡效果更佳无标题文档*{margin:0;padding:0}.notice{ height:98px; width:298px; border:1px solid #eee; overflow:hidden; }.notice-tit{ height:27px; position:relative; }.notice-tit u

2015-07-30 19:22:59 593

原创选项卡二

简洁的代码实现选项卡切换效果：无标题文档*{margin:0;padding:0}.notice{ height:98px; width:298px; border:1px solid #eee; overflow:hidden; }.notice-tit{ height:27px; position:relative; }.notice-tit ul

2015-07-29 19:41:56 713

原创时间处理

正常显示:XX年XX月XX日 XX:XX:XX 以及星期//时间显示 window.onload = function(){ showTime(); } function checkTime(i){ if(i<10){ i = "0" + i; } return i; } function showTime(){ var myDate = new Date(

2015-07-26 15:45:27 582

原创 js 动画3 完美框架

js 框架：function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; } else{ return getComputedStyle(obj,false)[attr]; }}function startMove(obj,json,fn){ var flag = true

2015-07-22 20:53:11 742

原创 js动画2 多物体运动

速度渐变：代码如下：无标题文档ul,li{ list-style:none}ul li{ width:200px; height:100px; background:yellow; margin-bottom:20px;}window.onload = function(){ var aLi = document.getElementsByTagName('li

2015-07-20 21:01:34 521

原创 js 动画1

div速度运动：代码如下：速度运动body{paddiing:0;margin:0}#div1{width:200px; height:200px;background-color:red; position:relative;left:-200px; top:0;}#div1 span{width:20px;height:50px; background-color:bl

2015-07-20 17:04:00 535

原创跨浏览器处理事件

无标题文档解决各个浏览器不兼容的问题 function song(){ alert("Hello"); } var bt2 = document.getElementById('bt2'); var bt3 = document.getElementById('bt3'); //bt2.onclick = song; //bt2.onc

2015-07-12 15:18:16 637

原创外部链接

index.html嵌入式css样式慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！style.cssspan{ color:red; font-size:20px;}

2015-07-10 09:38:09 535

原创下拉菜单

代码如下：爱好: 看书旅游运动购物效果如下：

2015-07-10 08:50:50 354

转载 js实现图片轮播

Owl Carousel制作百度百科2014新首页幻灯片演示*{margin:0;padding:0;list-style-type:none;}.scroll-outer{height:421px;background:url(images/bg.jpg) 50% 0 no-repeat;}#scroll{width:1080px;margin:0 auto;padding-to

2015-07-09 11:01:51 669

YZi_Angel的专栏