登 录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html><br /> <head><br /> <title> Div Scroll Bar </title><br /> <meta name="Generator" content="EditPlus"><br /> <meta name="Author" content="Xiaosa"></p> <p><mce:script language="JavaScript"><!--<br /> //----------------------------------------<br /> // Name: Div Scroll Bar<br /> // Author: Xiaosa<br /> // Contact: goldenlove518@msn.com<br /> // CreateDate: 2005-7-11<br /> // LastChange: 2005-7-12<br /> //----------------------------------------</p> <p>var mouseInit = slideInit = 0;<br /> var slider, xscroll, nContent,box;<br /> var xH,xT,nSH,nOH;</p> <p>function init(){<br /> box = document.getElementById("box");<br /> slider = document.getElementById("slider");<br /> xscroll = document.getElementById("xscroll");<br /> nContent = document.getElementById("nContent");</p> <p> slider.style.left = xscroll.offsetLeft - xscroll.offsetWidth/2-1;<br /> slider.style.top = xscroll.offsetTop;<br /> slider.style.visibility = "visible";</p> <p> xH = xscroll.offsetTop + xscroll.offsetHeight - slider.offsetHeight;<br /> xT = xscroll.offsetTop;<br /> nSH = nContent.scrollHeight;<br /> nOH = nContent.offsetHeight;<br /> if(nSH <= nContent.clientHeight){<br /> xscroll.style.visibility = "hidden";<br /> slider.style.visibility = "hidden";<br /> }<br /> }</p> <p>function xs_scroll(){<br /> // Call Init function<br /> init();</p> <p> slider.onmousedown =function(){<br /> slider.setCapture();<br /> mouseInit = event.clientY;<br /> slideInit = parseInt(slider.style.marginTop);<br /> slider.onmousemove= setPos;<br /> }</p> <p> slider.onmouseup = document.onmouseup = function(){<br /> slider.onmousemove = "";<br /> slider.releaseCapture();<br /> }</p> <p> box.ondragstart = box.onselectstart = function(){<br /> event.returnValue =false;<br /> return false;<br /> }<br /> }<br /> //Set slider Position<br /> function setPos(){<br /> var m = slideInit + (event.clientY - mouseInit);<br /> if (m < 0) m = 0;<br /> if (m > xscroll.clientHeight-slider.offsetHeight) m = xscroll.offsetHeight-slider.offsetHeight;</p> <p> slider.style.marginTop = m + "px";<br /> nContent.scrollTop = (nSH-nOH)*parseInt(m)/(xscroll.clientHeight-slider.clientHeight);<br /> }</p> <p> //Reset Box Layout<br /> function window.onresize (){<br /> box.style.left = "0px";<br /> box.style.right = "0px";<br /> }<br /> // --></mce:script><br /> <mce:style><!--<br /> /* ----------------------- Div Scroll Bar --------------------------------- */</p> <p> #box {<br /> background:#fefefe;<br /> position:relative;<br /> width:185px;<br /> height:220px;<br /> }<br /> #xscroll {<br /> position:relative;<br /> float:right;<br /> left:auto;<br /> top:auto;<br /> height:100%;<br /> width:1px;<br /> background:red;<br /> }<br /> #slider {<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> z-index:1;<br /> width:5px;<br /> height:23px;<br /> visibility:hidden;<br /> background:darkred;<br /> }<br /> #nContent {<br /> color:#6A2A04;<br /> position:relative;<br /> width:180px;<br /> height:220px;<br /> overflow:hidden;<br /> background:#FF9933;<br /> font-size:9pt;<br /> font-family:arial;<br /> }</p> <p>--></mce:style><style mce_bogus="1">/* ----------------------- Div Scroll Bar --------------------------------- */</p> <p> #box {<br /> background:#fefefe;<br /> position:relative;<br /> width:185px;<br /> height:220px;<br /> }<br /> #xscroll {<br /> position:relative;<br /> float:right;<br /> left:auto;<br /> top:auto;<br /> height:100%;<br /> width:1px;<br /> background:red;<br /> }<br /> #slider {<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> z-index:1;<br /> width:5px;<br /> height:23px;<br /> visibility:hidden;<br /> background:darkred;<br /> }<br /> #nContent {<br /> color:#6A2A04;<br /> position:relative;<br /> width:180px;<br /> height:220px;<br /> overflow:hidden;<br /> background:#FF9933;<br /> font-size:9pt;<br /> font-family:arial;<br /> }<br /> </style><br /> </head></p> <p><body onload=" xs_scroll();"></p> <p> <div id="box"><br /> <div id="xscroll"></div><br /> <div id="slider" style="margin-top:0px;" mce_style="margin-top:0px;"> </div><br /> <div id="nContent"><br /> <span style="font-weight:bold" mce_style="font-weight:bold"><br /> We produce strategic events for a<br /> wide cross-section of industries<br /> with a particular emphasis on the<br /> following :</span><br /><br /><br /> * Telecommunications & IT <br /><br /> * Real Estate and Property Management<br /> * Financial Services<br /><br /> * Construction<br /><br /> * FMCG<br /><br /> * Aviation<br /><br /> * Pharmaceutical & Healthcare<br /><br /> * Oil & Gas, Power<br /><br /> * Auto <br /><br /> * Travel & Tourism<br /><br /> * Retail <br /><br /> * Advertising & Marketing<br /><br /> <br /><br /> <span style="font-weight:bold" mce_style="font-weight:bold">All the products cover almost every job function of any organization :</span><br /> <br /><br /><br /> * Marketing & Sales <br /><br /> * Research & Development <br /><br /> * Finance & Tax <br /><br /> * Manufacturing & Operations <br /><br /> * Legal Counsel <br /><br /> * Customer Services <br /><br /> * Human Resources <br /><br /> * Logistic & Supply Chain <br /><br /> * Public Relations <br /><br /> * IT <br /><br /> * Business Development & Strategic Planning<br /> </div><br /> </div><br /> </body><br /> </html><br />
抱歉!评论已关闭.