[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сделать бегущую строку для Jquery 1.7 ?
Strannik
Добрый день. Подскажите как сделать бегущую строку для Jquery 1.7 и выше.
В нете есть много всего, но это много всего уже устарела и в основном работает для версии не выше Jquery 1.3, а нужно для версии Jquery 1.7 и выше...

Как такое сделать?



Спустя 4 минуты, 23 секунды (5.05.2012 - 10:03) redreem написал(а):
какая разница какая версия? покажи код.

Спустя 9 минут, 37 секунд (5.05.2012 - 10:12) Strannik написал(а):
разница есть. например самую простую возьмем:

http://ruseller.com/lessons.php?rub=32&id=367

работает только на 1.3 версии


Код:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script
type="text/javascript" src="jscroller-0.4.js"></script>
<script
type="text/javascript">

$(document).ready(function(){



// Add Scroller Object

$jScroller.add("#scroller_container","#scroller","left",10, true);




// Start Autoscroller

$jScroller.start();

});

</script>

<style>

/* Scroller Box */

#scroller_container {

position: relative;

width: 600px;

height: 60px;

overflow: hidden;

}

#scroller {

white-space: nowrap;

line-height: 60px;

font-size: 36px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}
<script>
/* Scoller Box */
</style>
/*
* jScroller 0.4 - Autoscroller PlugIn for jQuery
*
* Copyright © 2007 Markus Bordihn (http://markusbordihn.de)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* $Date: 2009-06-18 20:00:00 +0100 (Sat, 18 Jul 2009) $
* $Rev: 0.4 $
*/

eval(function(p,a,c,k,e,r){e=function©{return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};
if(!''.replace(/^/,String)){while(c--)r[e©]= k[c]||e©;k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};
while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e©+'\\b','g'),k[c]);return p}('$2={Q:{R:"S 2 T w U",V:0.4,
W:"X Y (Z://10.11)",12:"13 14 15"},5:{g:[],x:16,s:{6:/([0-9,.\\-]+)6/}},h:{m:0,y:0},17:j(a,b,c,d,e){3($(a).F&&$(b).F&&c&&d>=1)
{$(a).k({18:\'19\'});
$(b).k({1a:\'1b\',7:0,8:0});3(e){$(b).1c(j(){$2.n($(b),1d)},j(){$2.n($(b),G)})}$2.5.g.1e({z:$(a),f:$(b),H:c,o:d,n:G})}},n:j(a, b)
{3(a&&I b!==\'J\')
{w(t i K $2.5.g){3($2.5.g[i].f.L("M")===a.L("M")){$2.5.g[i].n=b}}}},p:j(){3($2.h.m===0&&$2.5.x>0){$2.h.m=
l.1f($2.A,$2.5.x)}3(!$2.h.y){$(l).1g($2.N);$(l).O($2.p);$(l).1h($2.p);$(l).A($2.p);$(1i).1j( $2.p);3($.1k.1l){l.O()}$2.h.y=1}},N:j(){3($2.h.m){l.1m($2.h.m);$2.h.m=0}},B:{6:j(a){t b=\'\';3(a){3(a.C($2.5.s.6))
{3(I a.C($2.5.s.6)[1]!==\'J\')
{b=a.C($2.5.s.6)[1]}}}1n b}},A:j(){w(t i K $2.5.g){3($2.5.g.1o(i)){t a=$2.5.g[i],7=P(($2.B.6(a.f.k(\'7\'))
||0)),8=P(($2.B.6(a.f.k(\'8\'))||0)),D=a.z.q(),E=a.z.r(),q=a.f.q(),r=a.f.r();3(!a.n){1p(a.H)
{u\'1q\':3(8<=-1*q){8=D}a.f.k(\'8\',8-a.o+\'6\');v;u\'1r\':3(7>=E){7=-1*r}a.f.k(\'7\',7+a.o+\'6\');v;u\'7\':3(7<=-1*r){7=E}a.f.k(\'7\',7-a.o+\'6\');v;u\'1s\':3(8>=D){8=-1*q}a.f.k(\'8\',8+a.o+\'6\');v}}}}}};',62,91,
'||jScroller|if||config|px|left|top|||||||child|obj|cache||function|css|window|
timer|pause|speed|start|height|width|regExp|var|case|break|for|refresh|init|parent|scroll|get|match|
m in_height|min_width|length|false|direction|typeof|undefined|in|attr|id|stop|focus|Number|info|Name|
By Rei|Plugin|jQuery|Version|Author|Markus|Bordihn|http|markusbordihn|de|Description|Next|Gene ration|Autoscroller|
120|add|overflow|hidden|position|absolute|hover|true|push|setInterval|blur|resize|document|mousemove|
bro wser|msie|clearInterval|return|hasOwnProperty|switch|up|right|down'.split('|'),0,{}))
</script>


<div
id="scroller_container">

<div
id="scroller">

Содержание бегущей строки


</div>

</div>

Спустя 21 минута, 11 секунд (5.05.2012 - 10:34) redreem написал(а):
удалено за ненадобностью

Спустя 11 минут, 2 секунды (5.05.2012 - 10:45) Strannik написал(а):
redreem
это конечно хорошо, но почему

<script type="text/javascript" src="jquery162.js"></script>


а не Jquery 1.7 ?

Также нужно, чтобы при наведении курсора строка останавливалась, когда убираешь курсор, снова двигалась.

И повтор строки тоже, потому как у тебя если строка заканчивается, то она останавливается...

Подключи http://ajax.googleapis.com/ajax/libs/jquer...2/jquery.min.js и посмотри, что тогда

P.S.: а так конечно код нормальный, только бы еще повтор строки и остановку при наведении...

Спустя 12 минут, 29 секунд (5.05.2012 - 10:57) redreem написал(а):
потому что у меня эта версия валяется и все smile.gif с 1.7 будет тоже самое.
300 р. и будет тебе кросс-версионный шоколад.

Спустя 2 минуты, 3 секунды (5.05.2012 - 10:59) vital написал(а):
А че, marquee отменили? Нахрена яваскрипт вообще.
http://htmlbook.ru/html/marquee

Спустя 1 минута, 15 секунд (5.05.2012 - 11:00) redreem написал(а):
vital

Цитата
как сделать бегущую строку для Jquery 1.7 и выше


какой вопрос - такой ответ smile.gif

Спустя 11 минут, 6 секунд (5.05.2012 - 11:12) Strannik написал(а):
всем спасибо)
vital спасибо за намек, не слышал об этом ранее.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.