Бегущая строка в посте (с) Romych
[html]<marquee behavior="scroll" direction="right"><img src="http://i.smiles2k.net/aiwan_smiles/smile3.gif" /> Бегущая строка! <img src="http://i.smiles2k.net/aiwan_smiles/smile3.gif" /> </marquee> [/html]
немного доработал твой скрипт бегущей строки
добавил возможность выбирать направление
куда будет двигаться элемент, а так же остановку элемента при наведении мыши,
к тому же сделал кнопку [реклама вместо картинки],
нажав которую выплывут ещё 4, дающие пользователю выбор напраления,
и удобство ничего не набирать вручную
[реклама вместо картинки] [реклама вместо картинки] [реклама вместо картинки] [реклама вместо картинки]
просто выделяем текст или изображение, которое хотим сделать бегущим
и жмём кнопку с нужным направлением
в html-низ:
<!--бегущая строка--> <style> #button-marqu {background-image:url('http://img17.imageshack.us/img17/55/marquees.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%} </style> <script type="text/javascript"> function addSpoiler_marqu(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[marqu]",from))==-1) return str; if((pos2=str.indexOf("[/marqu]"),pos+8)==-1) return str; newpos=str.indexOf("[marqu]",pos+8) if(newpos<pos2 && newpos!=-1) str=addSpoiler_marqu(str,pos+8,true) if((pos2=str.indexOf("[/marqu]",pos+8))==-1) return str; txt = str.substring(pos+7,pos2); if((sepPos=txt.indexOf("|",0))==-1) return str; str=str.substring(0,pos)+makeSpoiler_marqu(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length) if( str.indexOf("[marqu]")!=-1 && internal==false) str=addSpoiler_marqu(str,0,false) return str} function makeSpoiler_marqu(txt,txt2){ txt='<marquee direction="'+txt+'" onMouseOver="this.stop()" onMouseOut="this.start()">'+txt2+'</marquee>' return txt} if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler_marqu(post.innerHTML,0,false)}} if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(9).innerHTML="<img src='/i/blank.gif' title='Бегущая строка' id='button-marqu' onclick=\"return changeVisibility('marqu', this)\"/>" </script>
HTML в форме ответа:
<div class="container" id="marqu" style="display:none; width:90px; z-index: 10"> <div id="smilies-block"> <p><table> <tr> <td onclick="bbcode('[marqu]left|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img28.imageshack.us/img28/6208/lefta.png" title="left"></td> <td onclick="bbcode('[marqu]right|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img52.imageshack.us/img52/8928/rightg.png" title="right"></td> <td onclick="bbcode('[marqu]down|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img18.imageshack.us/img18/8914/downd.png" title="down"></td> <td onclick="bbcode('[marqu]up|', '[/marqu]'); return changeVisibility('marqu', this)"><img src="http://img692.imageshack.us/img692/3904/62517201.png" title="up"></td> </tr></table></p> </div> </div>
Теги: бегущая строка, сообщения и страница темы, посты, скрипт, Romych,mybb
Отредактировано Герда (16.05.13 03:44)