css js 特效代码 |css3做书形状

CSS中常用的特效代码包括：鼠标悬停效果、文字渐变、背景图片切换等。其中，实现鼠标悬停效果的代码如下：

a:hover {
color: #ff0000;
font-weight: bold;
}

这段代码表示当鼠标经过a标签时，字体颜色变为红色，并加粗。大家也可以用CSS来实现图片缩放、旋转等效果。

JS中常用的特效代码包括：焦点图、轮播图、下拉菜单等。其中，实现轮播图效果的代码如下：

var index = 0;
var timer;
function play() {
timer = setInterval(function() {
index++;
if(index >4) {
index = 0;
}
changeImg();
}, 2000)
}
function changeImg() {
var img = document.getElementById("img");
img.src = "images/" + index + ".jpg";
var lis = document.getElementsByTagName("li");
for(var i = 0; i< lis.length; i++) {
lis[i].className = "";
}
lis[index].className = "active";
}
function stop() {
clearInterval(timer);
}
function bindEvent() {
var box = document.getElementById("box");
box.onmouseover = stop;
box.onmouseout = play;
}
function init() {
play();
bindEvent();
}
init();

这段代码实现了一个轮播图，当页面加载时会自动播放图片，当鼠标悬停在图片上时，自动播放停止。大家也可以用JS实现页面的交互特效，如下拉菜单、弹出框等。

总之，通过学习CSS和JS特效代码，大家可以为网页增添不少吸引力和趣味性。希望大家能够善用它们，打造出更好的网页。