Код:
<div class="left_panel">
<div class="left_top">
<h3>Най-популярни филми</h3>
</div>
<div class="left_middle" id="fixed_height">
<div class="cleaner"> </div>
<script type="text/javascript">
var goleftimage='images/left.png'
var gorightimage='images/right.png'
var menuwidth=192
var menuheight=204
var scrolldir="normal"
var scrollspeed=3
var closetag='/'
var menucontents='<nobr><table border="0" cellpadding="0" cellspacing="0" width="960">'
+'<tr>'
+'<td align="center" height="auto" valign="top"><a href="http://lov4e.net/"><img src="images/test.png" height="155" width="114" alt="12112028735327.jpg" border="0"><'+closetag+'a><'+closetag+'td>'
+'<td align="center" height="auto" valign="top"><a href="http://enjoy-bg.net/"><img src="images/test.png" height="155" width="114" alt="12101888528720.jpg" border="0"><'+closetag+'a><'+closetag+'td>'
+'<td align="center" height="auto" valign="top"><a href="http://koli.bg/bg/aview/6"><img src="images/test.png" height="155" width="114" alt="12097980407412.jpg" border="0"><'+closetag+'a><'+closetag+'td>'
+'<td align="center" height="auto" valign="top"><a href="http://lov4e.net/"><img src="images/test.png" height="155" width="114" alt="12112028735327.jpg" border="0"><'+closetag+'a><'+closetag+'td>'
+'<td align="center" height="auto" valign="top"><a href="http://enjoy-bg.net/"><img src="images/test.png" height="155" width="114" alt="12101888528720.jpg" border="0"><'+closetag+'a><'+closetag+'td>'
+'<'+closetag+'tr>'
+'<'+closetag+'table><'+closetag+'nobr>'
var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'<'+closetag+'span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("divpopular") : document.all.divpopular
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup
function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}
if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="0">')
write('<td valign="middle"><a '+leftdircode+'><img src="'+goleftimage+'"border=0><'+closetag+'a> <'+closetag+'td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="divpopular" style="position:absolute;left:0;top:0">')
write('<'+closetag+'div><'+closetag+'div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0><'+closetag+'layer><'+closetag+'ilayer>')
}
write('<'+closetag+'td>')
write('<td valign="middle"> <a '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0><'+closetag+'a>')
write('<'+closetag+'td><'+closetag+'table>')
}
}
</script>
</div>
<div class="left_bottom"> </div>
</div>Когато се опитам в вкарам js в css панела долу скролера се разширява... когато не е в css панела всичко си е на 6. :?
css
Код:
.left_panel {width: 321px; height: auto; padding-left: 3px; margin-top: 6px;}
.left_top {width: 308px; height: 41px; background: url('images/left_top.png') no-repeat top left; padding: 6px 0 0 16px;}
.left_top h3 {color: #959595; font-size: 11px; font-weight: bold;}
.left_middle {width: 288px; height: auto; background: url('images/lefts_bg.png') repeat-y; padding: 0 17px 0 16px; line-height: 18px;}
.left_middle a, .left_middle a:link {color: #959595; font-size: 11px;}
.left_middle a:hover {color: #f7941d;}
#more_topics {float: right; color: #000000; margin-right: 18px; font-weight: bold; letter-spacing: 0.3px; width: auto;}
.left_bottom {width: 321px; height: 17px; background: url('images/lefts_bottom.png') no-repeat top left;}
#left {float: left; width: 35px;}
#right {float: left; width: 35px; margin-left: 16px;}
#left_hidden {float: left; overflow: hidden; width: 192px; height: 204px;}
#left_hidden img {float: left; margin: 25px 37px 0 37px;}
#fixed_height {height: 208px;}