(Во-первых извините бедный перевод)
Привет снова,
Я продолжил исследовать до сегодняшнего дня, этот раз я посвятил себя тому, чтобы разыскивать на Страницах английского языка и нашел эту:
http://brainerror.net/
http://www.brainerror.net/scripts_js_blendtrans.php
http://brainerror.net/scripts/javascript/blendtrans/demo.html
Где действительно существуют лучшие эффекты FADE (blending) сделанный непрозрачный для Образов, этот мне показался лучшим Script, который существует для этого Эффекта.
Oдно временно я нашел другую Страницу Форума на английском языке, где они изменили этот Script, чтобы реализовывать Эффект Fade Страницы (это является тем, что в действительности интересует меня), есть две линии в нижней части:
| Код |
//OPEN DIV code
javascript:opacity('help1', 0, 100, 500)
//CLOSE DIV code
//javascript:opacity('help1', 100, 0, 500)
|
Что, если они обменяются каждой из линий, увидят эффекты, так загрузив (класть) Страницу, как выйдя из той же самой, он работает очень хорошо, так как включает DIV контейнер, где виден этот эффект.
Мне нужно ваш помощи здесь, так как я не так заинтересован Эффект Fade, когда оно кладется в Страницу, но ВЫЙДЯ из моей страницы получая этот эффект, но ни идея как сделать это.
Как я могу изменять этот код для того, чтобы эффект OutFade был виден правильно, когда оно изменит страницу, выйдя из того же самого?
| Код |
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
| Код |
<style type="text/css">
div.opac_xmpl {
padding: 3px;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
position: absolute;
float: right;
z-index: 1;
display: compact;
border: thin solid #3300FF;
}
.hidden {
visibility: hidden;
display: none;
}/* CSS Document */
</style>
|
</head>
<body>
<script LANGUAGE="Javascript">
function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function shiftOpacity(id, millisec) {
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 100) {
opacity(id, 100, 0, millisec);
} else {
opacity(id, 0, 100, millisec);
}
}
//OPEN DIV code
javascript:opacity('help1', 0, 100, 500)
//CLOSE DIV code
//javascript:opacity('help1', 100, 0, 500)
</SCRIPT>
<div id="help1" class="opac_xmpl" style="width:675px; height:200px;"> awhole bunch of text
<div> <IMG height=109 alt="" src="fade00.jpg" width=109 border=0></div>
</div>
</body>
|
Какого способа я могу изменять этот код для того, чтобы эффект Fade был виден правильно, когда оно изменит страницу, выйдя из того же самого?
Я не знаю, как делать это |