首页 > Web开发 > 详细

跟着老公学习html回顾随笔JS(*^__^*)

时间:2017-11-03 17:06:23      阅读:790      评论:0      收藏:0      [点我收藏+]

1.position

relative:相对于元素原来的位置的定位

abstract:绝对定位  相对于从属的父类的定位对于指定的父类的话 父类要加上 relative或abslut属性

2.animate:从一个状态 逐渐变为另一个状态

技术分享

 

3.eq

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

技术分享

 

选择p元素的第二个

 

4.有遮罩层的css弹框

技术分享

html:

<div id="fade">

</div>
<div id="modal">
	<span class="close"  onclick="closeModal()">X</span>
    <p class="modelSpan">
    	我是弹出框,我很帅
        
	</p>
</div>

 css:

#modal{
	position:fixed;
	width:600px;
	height:200px;
	z-index:100;
	font-size:16px;
	text-align:center;	
	left: 33%;
    background-color: white;
    top: 28%;
	display:none;
}	
#fade{
	width:100%;
	height:100%;
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	background-color:#272222;	
	display:none;
	opacity:0.8;
}

5.当前被鼠标覆盖的元素 改变一些当前元素子类元素的属性
$(".contentTable li").hover(function(){
		var img=$("img",this);   // 当前元素下的 img
		var href=$("a",this);    //当前元素下的  a
		$(img).attr("src","img/forumIco2.png");   //改变img的src的属性
		$(href).css("color","#FF8A15");           
		
		},function(){
		var img=$("img",this);
		var href=$("a",this);
		$(img).attr("src","img/forumIco.png");
		$(href).css("color","#2e8a01");
		})
	
	});

  this:当前操作的对象,当前的对象是属于谁的

 

原型prototy给一组元素加东西

技术分享

一般来说将参数放构造函数里,函数放原型里

技术分享

 

  

跟着老公学习html回顾随笔JS(*^__^*)

原文:http://www.cnblogs.com/RonnieQin/p/7080940.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!