| |
|
|
| | Здравствуйте.
Подскажите, пожалуйста, как доработать ниже указанный скрипт, чтобы текст внутри блока перемещался не справа налева, а снизу вверх?
*******************************************************
<script language="JavaScript1.2">
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="125px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font><br>rtret<br>reter'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
// if (ns_marquee.left>(actualwidth*(-1)+8))
// ns_marquee.left-=copyspeed
// else
// ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="1" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
*******************************************************
Или может есть какое-то другое решение этого вопроса?
Надо, чтобв при подводе к тексту он останавливался. И можно было кликнуть по ссылкам, если они там есть. | |
| |
|
|
| |
|
|
| |
для: jaroslav
(05.12.2007 в 11:00)
| | | Как доработать вот этот код, чтобы работал во всех браузерах?
А то он только в IE нормально отображается :(
*****************************************************
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var url = '<a href="http://www.softtime.ru/" target="_blank">SoftTime</a>';
var img = '<img src="image.jpg" alt="" width="148" height="202">';
document.write('<marquee id="iescroller" direction="up" width="150" height="140" scrollamount="1" scrolldelay="50" style="border:1 solid black;background-color:#A5A6CE">');
iescroller.onmouseover=new Function("iescroller.scrollAmount=0");
iescroller.onmouseout=new Function("iescroller.scrollAmount=2");
document.write('<Div align="center">Очень рады приветствовать Вас на сайте '+url);
document.write('<Div align="center">Бла бла бла</DIV></div><br>'+img);
document.write('<Div align="center">У нас PHP, HTML, JavaScript...</div>');
document.write('</marquee>');
</script>
</body>
</html>
***************************************************** | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(05.12.2007 в 11:07)
| | | Не надо JS. JS как пример, если нужно будет на стороне клиента менять содержимое рекламного блока, вот тогда оправдано JS. Иначе можно просто (я ведь давал ссылку):
<marquee direction="up" width="150" height="140" scrollAmount="1" scrollDelay="50"
onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1" style="border:1 solid black;background-color:#A5A6CE">
<Div align="center">Наш сайт <a href="http://www.softtime.ru/" target="_blank">SoftTime</a>
текст текст</DIV><br><img src="image.jpg" alt="" width="148" height="202">
<Div align="center">PHP, HTML, JavaScript...</DIV>
</marquee>
|
Работает во всех браузерах, за исключением - Opera не понимает scrollAmount. | |
| |
|
|
| |
|
|
| |
для: sim5
(05.12.2007 в 11:57)
| | | у нее есть методы
start, stop кажется | |
| |
|
|
| |
|
|
| |
для: bronenos
(05.12.2007 в 12:45)
| | | Да пробовал и их - нифига не реагирует Opera. | |
| |
|
|
