这个主题可能有很多代码,但我似乎正在寻找一种不基于历史的变体,是否可能......
所以我有这个代码...
<script type="text/javascript">
var pages=new Array();
pages[0]="listItem1.html";
pages[1]="listItem2.html";
pages[2]="listItem3.html";
pages[3]="listItem4.html";
pages[4]="listItem5.html";
var i=0;
var end=pages.length;
end--;
function changeSrc(operation) {
if (operation=="next") {
if (i==end) {
document.getElementById('the_iframe').src=pages[end];
i=0;}
else {
document.getElementById('the_iframe').src=pages[i];
i++;}}
if (operation=="back") {
if (i==0) {
document.getElementById('the_iframe').src=pages[0];
i=end;}
else {
document.getElementById('the_iframe').src=pages[i];
i--;}}}
</script>
</head>
<body>
<ul id="menu" role="group">
<li><a href="listItem1.html" target="ifrm" role="treeitem">Welcome</a>
<ul>
<li><a href="listItem2.html" target="ifrm" role="treeitem">Ease of Access Center</a></li>
</ul>
</li>
<li><a href="listItem3.html" target="ifrm">Getting Started</a>
<ul>
<li><a href="listItem4.html" target="ifrm">Considerations</a></li>
<li><a href="listItem5.html" target="ifrm">Changing Perspective</a></li>
</ul>
</li>
</ul>
<iframe id="the_iframe" scrolling="no" src="listItem1.htm" name="ifrm" style="width:540px;></iframe>
<input type="button" onClick="changeSrc('back');" value="Back" />
<input type="button" onClick="changeSrc('next');" value="Next" />
如果我点击下一个或上一个按钮,它就会移动到某个地方,but...
假设我的 iframe 显示 listItem2,然后我单击菜单中的 listItem4(涉及一个树形菜单),然后我想要转到 listItem3,然后按后退按钮...而不是转到 listItem3,而是转到listItem2(或者不是从 4 到 3 的页面的某个位置)。
看起来按钮是根据历史导航的?...但我只想直接向前或向后移动...我不希望我的按钮具有这种浏览器类型的功能...如果我在 listItem4 上然后点击下一步按钮,我希望它转到 listItem5。
非常感谢您的帮助!
好的,我会尝试该代码,但如果它关闭,请不要降低它的评级。
这是您可以放在changeSrc函数之前的函数:
函数更新I(value) {i = 值}
这是您将添加到 a 标记中的链接的一键事件。当然,在这种情况下发送给函数的 4 将更改为适合引用任何 ListItem 的值:
onClick =“更新I(4)”
这对你有帮助吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)