В этой статье описывается метод переключения анимационных эффектов горизонтальных блюд, эффектов эффектов в JS. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Это очень простой, но хороший эффект переключения веб -страницы. Нажав на новую веб -страницу, веб -страница автоматически переключается между сине -белыми жалюзи, пока все веб -страницы не будут полностью отображаться. Код заключается в следующем:
Скопируйте код следующим образом: <html>
<голова>
<Title> JS Web Blinds Dynamic Effect </title>
<style>
<!-
.intro {
позиция: абсолютно;
слева: 0;
Верх: 0;
Layer-Background-Color: синий;
фоновый цвет: синий;
Граница: 0,1px твердый синий
}
->
</style>
</head>
<тело>
<div id = "i1"> </div> <div id = "i2"> </div> <div id = "i3"
class = "intro"> </div> <div id = "i4"> </div> <div id = "i5"> </div> <div> <div
id = "i6"> </div> <div id = "i7"> </div> <div id = "i8"> </div>
<script language = "javascript1.2">
var speed = 20
var temp = new Array ()
var temp2 = new Array ()
if (document.layers) {
for (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.i"+i+". clip")
temp2 [i] = eval ("document.i"+i)
Temp [i] .width = window.innerwidth
Temp [i] .height = window.innerheight/8
temp2 [i] .top = (i-1)*temp [i]
}
}
еще if (document.all) {
var clipright = document.body.clientwidth, clift = 0
for (i = 1; i <= 8; i ++) {
temp [i] = eval ("document.all.i"+i+". Style")
temp [i] .width = document.body.clientWidth
temp [i] .height = document.body.offsetheight/8
temp [i] .top = (i-1)*parseint (temp [i].
}
}
функция openit () {
window.scrollto (0,0)
if (document.layers) {
для (i = 1; i <= 8; i = i+2)
Temp [i] .right- = скорость
для (i = 2; i <= 8; i = i+2)
Temp [i] .left+= скорость
if (temp [2] .left> window.innerwidth)
ClearInterval (Stopit)
}
еще if (document.all) {
clipright- = скорость
for (i = 1; i <= 8; i = i+2) {
temp [i] .clip = "rect (0"+clipright+"auto 0)"
}
Clipleft+= скорость
for (i = 2; i <= 8; i = i+2) {
temp [i] .clip = "rect (0 auto auto"+clipleft+")"
}
if (clipright <= 0)
ClearInterval (Stopit)
}
}
функция gogo () {
Stopit = setInterval ("openit ()", 100)
}
gogo ()
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.