2008 year 05 month 05 day Monday 14:52 main.htm ------------------------- <iframe id="box"
width="100%" height="100%" frameborder="0" name="box" src="index.aspx"
οnlοad="javascript:linkbox.addlink(box.document.title,box.document.location);"></iframe>
<iframe id="linkbox" width="100%" height="16" frameborder="no" name="linkbox"
src="link.htm"></iframe> ----------------------- link.htm
----------------------- <html> <head> <title>LinkTabs Page</title> <style
type="text/css"> .currHome { padding-left: 15px; padding-top: 2px;
padding-bottom: 2px; background-image: url('../images/tab_curr_home.gif');
background-repeat: no-repeat; background-position: left; font-size: 9pt; color:
#3A4663; text-decoration: none; font-family: Tahoma , Arial, Helvetica, sans-serif;
} .currLink { padding-left: 15px; padding-top: 2px; padding-bottom: 2px;
background-image: url('../images/tab_curr.gif'); background-repeat: no-repeat;
background-position: left; font-size: 9pt; color: #3A4663; text-decoration:
none; font-family: Tahoma , Arial, Helvetica, sans-serif; } .currNext {
padding-left: 15px; padding-top: 2px; padding-bottom: 2px; background-image:
url('../images/tab_currNext.gif'); background-repeat: no-repeat;
background-position: left; font-size: 9pt; color: #3A4663; text-decoration:
none; font-family: Tahoma , Arial, Helvetica, sans-serif; } .normHome {
padding-left: 15px; padding-top: 2px; padding-bottom: 2px; background-image:
url('../images/tab_norm_home.gif'); background-repeat: no-repeat;
background-position: left; font-size: 9pt; color: #3A4663; text-decoration:
none; font-family: Tahoma , Arial, Helvetica, sans-serif; } .normLink {
padding-left: 15px; padding-top: 2px; padding-bottom: 2px; background-image:
url('../images/tab_norm.gif'); background-repeat: no-repeat;
background-position: left; font-size: 9pt; color: #3A4663; text-decoration:
none; font-family: Tahoma , Arial, Helvetica, sans-serif; } .currEnd {
padding-left:15px; padding-top:2px; padding-bottom:2px;
background-image:url('../images/tab_curr_end.GIF');
background-repeat:no-repeat; background-position:left; font-size: 9pt; color:
#9CB6DB; text-decoration: none; font-family: Tahoma , Arial, Helvetica, sans-serif;
} .normEnd { padding-left: 15px; padding-top: 2px; padding-bottom: 2px;
background-image: url('../images/tab_norm_end.GIF'); background-repeat:
no-repeat; background-position: left; font-size: 9pt; color: #9CB6DB;
text-decoration: none; font-family: Tahoma , Arial, Helvetica, sans-serif; }
</style> <script language="javascript" type="text/javascript"> var tab_array =
new Array();// Linked array var tab=""; var currIndex=-1;// Current item var startIndex=0;// Start showing items
function addlink(title,link) { if (title.indexOf(" - ")>-1) title=title.split("
- ")[1]; currIndex=-1; for(i=0;i<tab_array.length;i++) { if
(tab_array[i]==title+","+link) currIndex=i; } if
(currIndex==-1)// After the above check, no new link in the array . { // If not equal to the home page address if
(link!=document.location.toString().substring(0,document.location.toString().length-8)+"index.aspx")
{ if (tab_array.length>30) { tab_array=tab_array.reverse(); tab_array.pop();
tab_array=tab_array.reverse(); } // Add new link tab_array.push(title+","+link);
currIndex=tab_array.length-1; // Reset start display startIndex resetStartIndex(currIndex); }
} buildTab(); } // Reset start display startIndex( Current item currIndex At the end ) function
resetStartIndex(currIndex) { // Width of card area var
cardw=document.body.clientWidth-(17+16+16+16)-(15+24)-20; // Width of the displayed card var
tabsw=0; // Back to front for(i=currIndex;i>-1;i--) { title=tab_array[i].split(",")[0];
link=tab_array[i].split(",")[1]; if (tabsw+title.length*12<cardw) {
startIndex=i; tabsw+=(title.length*12)+15;//15 In this card style padding-Left } else
i=-1;// Jump out } } function buildTab() { var title=" homepage "; var link="index.aspx";
card.innerHTML=""; if (currIndex==-1) card.innerHTML+="<a href='"+link+"'
target='box' class='currHome'>"+title+"</a>"; else card.innerHTML+="<a
href='"+link+"' target='box' class='normHome'>"+title+"</a>"; // Card area width var
cardw=document.body.clientWidth-(17+16+16+16)-(15+24)-20; // Card width that can be displayed var
tabsw=0; // Number of cards displayed var tabNum=0; // Start with the item to display
for(i=startIndex;i<tab_array.length;i++) { title=tab_array[i].split(",")[0];
link=tab_array[i].split(",")[1]; if (tabsw+title.length*12+15<cardw) { if
(currIndex==tabNum+startIndex) card.innerHTML+="<a href='"+link+"' target='box'
class='currLink'>"+title+"</a>"; else if
((currIndex+1==tabNum+startIndex)||((currIndex==-1) && (tabNum==0)) )
card.innerHTML+="<a href='"+link+"' target='box'
class='currNext'>"+title+"</a>"; else card.innerHTML+="<a href='"+link+"'
target='box' class='normLink'>"+title+"</a>";
tabsw+=title.length*12+15;//15 In card style padding-Left tabNum+=1; } else
i=tab_array.length;// Jump out } if (currIndex==startIndex+tabNum-1)
card.innerHTML+="<span class='currEnd' > </span>"; else
card.innerHTML+="<span class='normEnd' > </span>"; } function
firstArrowOnclick() { startIndex=0; buildTab(); } function
forwardArrowOnclick() { if (startIndex>0) { startIndex-=1; buildTab(); } }
function nextArrowOnclick() { if (startIndex<tab_array.length-1) {
startIndex+=1; buildTab(); } } function endArrowOnclick() { if
(tab_array.length>0) { startIndex=tab_array.length-1; buildTab(); } } </script>
</head> <body scroll="no" style="margin:0px;" bgcolor="#9CB6DB"> <table
style="width: 100%" cellspacing="0" cellpadding="0"> <tr> <td width="33"> <img
οnclick="firstArrowOnclick();" alt=" first " src="../images/firstArrow.gif"
width="17" height="15" style="cursor:hand" /><img
οnclick="forwardArrowOnclick();" alt=" previous " src="../images/forwardArrow.gif"
width="16" height="15" style="cursor:hand;" /></td> <td> <div id="card" style="
background-color: #9CB6DB; "> </div> </td> <td width="32"> <img
οnclick="nextArrowOnclick();" alt=" next " src="../images/nextArrow.gif"
width="16" height="15" style="cursor:hand;" /><img οnclick="endArrowOnclick();"
alt=" the last one " src="../images/endArrow.gif" width="16" height="15"
style="cursor:hand" /></td> </tr> </table>   </body> </html>
 

Technology
©2019-2020 Toolsou All rights reserved,
Output string at specified position --PTAVue Get the text and option value of the drop-down box Mybatis Mapping file Mapper.xml in # and $ The difference between mysql Modify primary key stay Vue Use in Web Workerfio Use details python obtain excel A column or row of data Thoughts on multi tenant system Hack Bar 2.1.2 Press F9 No response Programmer and architect Hua Shan