css样式和js学习

css样式和js学习

学习记录
1.CSS 指层叠样式表 ：
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
2.css样式意义：
样式通常保存在外部的 .css 文件中。
我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。
3.设置图像透明
CSS样式：
img
{
opacity:0.4;
filter:alpha(opacity=40); /* IE8 及其更早版本 /
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); / IE8 及其更早版本 */
}
4.怎么去掉链接下划线
可以通过css样式：
<style type="text/css"> a{text-decoration:none}

5.设置图片滑动
分别定义每个图片的id，
需要js中函数来定义图片的转动时间和速度

代码块：
<SCRIPT> var speed=30//速度数值越大速度越慢 var demo2 = document.getElementById("demo2"); var demo = document.getElementById("demo"); var demo1 = document.getElementById("demo1"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </SCRIPT>