拉开幕布css,js+css简单效果（幕布，跑马灯）

2.js普通的盒子，css的优先级

css的优先级

！important >>>>>  style 行内样式  >>>>> #id选择器 #  >>>>>>>> calss选择器  .类 ：hover(猥类)>> p标签 属性选择  >>  继承 >>  默认值

同等 看优先，

3.引入js 有·3种  头部  行内  外部

点击变色

ssssss

行内js  控制属性

行内  值 就是css的值  值用‘’ 写多个用 ；隔开  用id选择器获取  复杂单词，就是单词里面有 -号 的 去掉，然后后面的一个字母变成大写

js

.chb01{width: 200px; height: 30px;color: #FFF ;font-size: 14px; line-height: 30px ;text-align: center;background-color: #063}

.chb02{width: 200px;

height: 200px;

background-color: #b3d4fc;

display: none;

}

ssssss

登    录

例子： 简单的弹出div 隐藏div

j22s

.main{width: 1000px;

height: 2000px;

background-color:#930;

margin: 0px auto;

}

.moban{

width: 100%;

height: 2000px;

background-color: black;

opacity: 0.5;

position: fixed;

left: 0px;

top: 0px;

display: none;

}

.deng{

width: 650px;

height: 300px;

background-color: brown;

position: fixed;

left: 50%;

top: 50%;

margin-left: -325px;

margin-top: -150px;

display: none;

}

登录页面

4.marquee标签    跑马灯

direction="down" 方向

scrollamount="1"  速度

behaviro="alternate" 行为 往返运动  scroll  转圈 slide 停靠

loop 循环 -1无限  对 slide无效

οnmοuseοver="this.stop()" 鼠标移上去 就停止了

οnmοuseοut="this.start()"  鼠标移除就 就开始了

display : inline-block; 有宽高。不换行 img

div display : block    有宽高，换行

a  display :inline  无宽高  不换行

例子：

跑马灯

*{margin: 0px; padding: 0px; list-style-type: none}

.pao{

display: block;

margin: 0px auto;

padding: 10px;

width: 980px;

height: 185px;

background-color: #888888;

}

.pao ul li

{

width: 150px;

height: 185px;

float: left;

margin-right: 10px;

background-color: #993300;

overflow: hidden;

}

.pao ul li a

{

position: relative;

left: 0px;

top: 0px;

}

.pao ul li a:hover

{

left: 2px;

top: 2px;

}

• 
• 
• 
• 

原文：http://www.cnblogs.com/qq3111901846/p/6423627.html