|
Подскажите скрипт c функцией как у marquee, и еще пару скриптовОбсуждение темы Подскажите скрипт c функцией как у marquee, и еще пару скриптов в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; 1)Думаю все знаю тег Marquee так вот в общем хочу сделать шапку сайта что б там прокручивались фотографии, но проблема в том что ... |
|
Опции темы |
09.09.2009, 05:44 | #1 |
|
1)Думаю все знаю тег Marquee так вот в общем хочу сделать шапку сайта что б там прокручивались фотографии, но проблема в том что нужно чтоб они прокручивались непрерывно, А тег Marquee работает по принципу - когда последняя картинка прокрутилась с противоположного края начинается следующая, нужно сделать так что б за последней картинкой сразу же шла первая за ней вторая и тд, Еще желательно чтоб когда наводиш на любую из картинок прокрутка останавливалась и немного увеличивалась картинка на которую навели мышкой, тоесть скажем если так картинки 100х150 то при наведении чтоб она становилась ну скажем 150х225, я знаю как это можно сделать в теге marquee с помощью парметров onmouseoverи onmouseout но единственное что не знаю как сделать непрерывную прокрутку((( Или это тоже можно сделать в Marquee?? Кстати на счет onmouseover и onmouseout, где можно посмотреть для них параметры, просто чтоб оставливалась прокрутка знаю как сделать
Код:
<marquee behavior="scroll" scrollAmount="скорость" width="" height="" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount="скорость">текст или картинки</marquee> 2) Еще нужен скриптик потипу такого (но тут идут надписи а нужно чтоб также блоками шли картинки, к примеру 5 картинок уехало за приделы видимости потом следующий блок из 5 картинок, и тоже чтоб останавливалось при наведении мышкой и увеличивалась картинка): Код:
<SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // CREDITS: // MagicScroller by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com. // [email protected] // 8/7/2000 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.com on the webpage // where the scrips will be running. // CONFIGURATION: // Go to www.24fun.com, open category 'text' and download // the full-version of this script as ZIP-file containing // step-by-step instructions for non-programmers. // Edit the variables below: // Your messages. Add as many as you like var message=new Array() message[0]="aceweb.ru - огромная коллекция скриптов" message[1]="CGI скрипты" message[2]="Гостевая книга" // the URLs of your messages var messageurl=new Array() messageurl[0]="http://www.aceweb.ru/" messageurl[1]="http://www.aceweb.ru/" messageurl[2]="http://www.aceweb.ru/" // the targets of the links // accepted values are '_blank' or '_top' or '_parent' or '_self' // or the name of your target-window (for instance 'main') var messagetarget=new Array() messagetarget[0]="_blank" messagetarget[1]="_blank" messagetarget[2]="_blank" // the images that create the magic effect of the letters. // You can add an image for each message var messageimage=new Array() messageimage[0]="1.jpg" messageimage[1]="2.jpg" messageimage[2]="3.jpg" // font-color of messages (required for Netscape Navigator) var messagecolor="blue" // distance of the scroller to the left margin of the browser-window (pixels) var scrollerleft=200 // distance of the scroller to the top margin of the browser-window (pixels) var scrollertop=70 // speed 1: lower means faster var pause=20 // speed 2: higher means faster var step=4 // font-size var fntsize=30 // font-family var fntfamily="Arial" // font-weight: 1 means bold, 0 means normal var fntweight=1 // do not edit the variables below var imgpreload=new Array() for (i=0;i<=messageimage.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=messageimage[i] } var scrollerwidth=368 var scrollerheight=60 var backgroundimagecontent var clipleft,clipright,cliptop,clipbottom,clipleftbg, cliprightbg var i_message=0 var timer var textwidth var textcontent="" if (fntweight==1) {fntweight="700"} else {fntweight="100"} function init() { gettextcontent() if (document.all) { backgroundimagecontent="<img src='"+messageimage[0]+"' width='"+scrollerwidth+"'>" text.innerHTML=textcontent textwidth=text.offsetWidth backgroundimage.innerHTML=backgroundimagecontent document.all.text.style.height=scrollerheight document.all.text.style.posTop=scrollertop document.all.text.style.filter="chroma(color="+messagecolor+")" document.all.text.style.posLeft=scrollerleft+scrollerwidth document.all.backgroundimage.style.posTop=scrollertop document.all.backgroundimage.style.posLeft=scrollerleft clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight clipleftbg=scrollerwidth cliprightbg=scrollerwidth document.all.text.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")" scrolltext() } if (document.layers) { document.textnetscape.document.write(textcontent) document.textnetscape.document.close() textwidth=document.textnetscape.document.width document.textnetscape.top=scrollertop document.textnetscape.left=scrollerleft+scrollerwidth document.textnetscape.clip.left=0 document.textnetscape.clip.right=0 document.textnetscape.clip.top=0 document.textnetscape.clip.bottom=scrollerheight scrolltext() } } function scrolltext() { if (document.all) { if (document.all.text.style.posLeft>=scrollerleft-textwidth) { document.all.text.style.posLeft-=step clipright+=step clipleftbg-=step if (clipright>scrollerwidth) { clipleft+=step } if (document.all.text.style.posLeft<scrollerleft-textwidth+scrollerwidth) { cliprightbg-=step } document.all.text.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")" var timer=setTimeout("scrolltext()",pause) } else { changetext() } } if (document.layers) { if (document.textnetscape.left>=scrollerleft-textwidth) { document.textnetscape.left-=step document.textnetscape.clip.right+=step if (document.textnetscape.clip.right>scrollerwidth) { document.textnetscape.clip.left+=step } var timer=setTimeout("scrolltext()",pause) } else { changetext() } } } function changetext() { i_message++ if (i_message>message.length-1) {i_message=0} gettextcontent() if (document.all) { text.innerHTML=textcontent textwidth=text.offsetWidth backgroundimagecontent="<img src='"+messageimage[i_message]+"' width='"+scrollerwidth+"'>" backgroundimage.innerHTML=backgroundimagecontent document.all.text.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 clipleftbg=scrollerwidth cliprightbg=scrollerwidth document.all.text.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.backgroundimage.style.clip="rect("+cliptop+" "+cliprightbg+" "+clipbottom+" "+clipleftbg+")" scrolltext() } if (document.layers) { document.textnetscape.document.write(textcontent) document.textnetscape.document.close() textwidth=document.textnetscape.document.width document.textnetscape.left=scrollerleft+scrollerwidth document.textnetscape.clip.left=0 document.textnetscape.clip.right=0 scrolltext() } } function gettextcontent() { textcontent="<span style='position:relative;font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+"'>" textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">" textcontent+="<nobr><font color="+messagecolor+">"+message[i_message]+"</font></nobr></a></span>" } window.onresize=init; // - End of JavaScript - --> </SCRIPT> Сорри за длинный скрипт просто только начинаю учить ява скрипты и еще незнаю что там за что отвечает((( 1) Всей таблицы вписаной в конкретную страницу 2) Конкретной ячейки в таблице Там на сколько я понимаю нужно изменить вот эту функцию: Код:
function imagechange(imgName) { if (navigator.appName == "Microsoft Internet Explorer") { document.body.background = eval(imgName + ".src"); } } Код:
<html> <head> <title>Test</title> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Mark Whitnell ([email protected]) --> <!-- Web Site: http://users.leading.net/~mwhitnel --> <!-- Begin if (navigator.appName == "Microsoft Internet Explorer") { image_directory = ""; clear = new Image(); clear.src = image_directory + "clear.jpg"; pic1 = new Image(); pic1.src = image_directory + "1.jpg"; pic2 = new Image(); pic2.src = image_directory + "2.jpg"; pic3 = new Image(); pic3.src = image_directory + "3.jpg"; pic4 = new Image(); pic4.src = image_directory + "4.jpg"; } function imagechange(imgName) { if (navigator.appName == "Microsoft Internet Explorer") { document.body.background = eval(imgName + ".src"); } } // End --> </script> </head> <body background="clear.jpg" name=bg> <p align="center"> <a href="#" onMouseOver="imagechange('pic1');" onMouseOut="imagechange('clear');"><img src="1.jpg" width="200" height="150"></a> <a href="#" onMouseOver="imagechange('pic2');" onMouseOut="imagechange('clear');"><img src="2.jpg" width="200" height="150"></a> <a href="#" onMouseOver="imagechange('pic3');" onMouseOut="imagechange('clear');"><img src="3.jpg" width="200" height="150"></a> <a href="#" onMouseOver="imagechange('pic4');" onMouseOut="imagechange('clear');"><img src="4.jpg" width="200" height="150"></a> </body> </html> |
|
09.09.2009, 22:00 | #2 |
|
http://www.gmarwaha.com/jquery/jcarousellite/
http://sorgalla.com/jcarousel/ |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Подскажите что делает скрипт | Scout88 | HTML, CSS, JavaScript | 3 | 16.03.2011 10:50 |
Подскажите скрипт | web_smile | HTML, CSS, JavaScript | 6 | 13.10.2009 23:41 |
Подскажите скрипт | Послушник ) | Библиотека | 0 | 19.08.2008 16:18 |
Подскажите, пожалуйста, что это за скрипт? И где его взять? | Vladimiroff | ASP, Perl, PHP и MySQL | 6 | 15.08.2006 00:22 |
Подскажите простенький скрипт на Php | denya | HTML, CSS, JavaScript | 15 | 25.02.2005 13:30 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|