底部回到项部

103 篇文章 0 订阅
53 篇文章 0 订阅

<script type="text/javascript">
 var w = 100;
 var h = 60;
 var str = "";
 var obj = document.getElementById("divStayTopLeft");
 if (obj)str = obj.innerHTML;
 if( typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
 document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop);">');
 }
 else {
 document.writeln('<DIV style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;*position:absolute; *top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-this.style.pixelHeight);">');
 }
 document.writeln('<div style="clear:both;margin:auto;height:50px;font-size:16px;overflow:hidden;font-weight:bold;text-align:left;"><a href="javascript:scroll(0,0)" hidefocus="true"><img id="imgTop" οnclick="Contextdisplay(/'imgTop/');" src="skin/default/jooyea/images/up.gif" alt="回到顶部" title="回到顶部" style="border:0;" /></a></div> ');
 document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>');
 document.writeln('</DIV>');
 
 function Contextdisplay(whichID){
  document.getElementById(whichID).src='skin/default/jooyea/images/up1.gif';
  setTimeout("Contextdisplay1(/'imgTop/')",500);
 }
 function Contextdisplay1(whichID){
  document.getElementById(whichID).src='skin/default/jooyea/images/up.gif'
 }
 </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很抱歉,我作为一个语言模型,无法提供直接的页面展示功能。不过,我可以提供一些思路和代码示例供您参考。 首先,页面布局可以使用HTML+CSS来实现。可以将手机列表页和手机详情页分别设计为两个HTML文件,在其中分别编写对应的HTML和CSS代码。在手机列表页中,可以使用 `<ul>` 和 `<li>` 标签来实现手机列表的展示,如下所示: ```html <ul class="phone-list"> <li> <a href="phone-details.html"> <img src="phone1.jpg" alt="手机1"> <h3>手机1</h3> <p>描述1</p> </a> </li> <li> <a href="phone-details.html"> <img src="phone2.jpg" alt="手机2"> <h3>手机2</h3> <p>描述2</p> </a> </li> <!-- 其他手机列表项 --> </ul> ``` 在上面的代码中,使用了 `<a>` 标签来实现对应手机详情页的跳转。当用户单击某个列表项时,会跳转到对应的手机详情页。 在手机详情页中,可以使用 `<div>` 标签来展示手机的详细信息,如下所示: ```html <div class="phone-details"> <img src="phone1.jpg" alt="手机1"> <h3>手机1</h3> <p>描述1</p> <!-- 其他手机详细信息 --> <button onclick="history.back()">后退</button> </div> ``` 在上面的代码中,使用了 `<button>` 标签来实现后退按钮,并且使用了 `history.back()` 方法来实现回到上一个页面的功能。 最后,可以在手机列表页和手机详情页的底部添加一个刷新按钮,来实现页面刷新的功能。具体实现方式可以使用 JavaScript 来完成,如下所示: ```html <button onclick="location.reload()">刷新</button> ``` 在上面的代码中,使用了 `location.reload()` 方法来实现重新加载当前页面的功能。 总体来说,这个页面的实现比较简单,只需要一些基本的HTML和CSS知识即可完成。如果您需要更详细的说明或者完整的代码示例,请告诉我。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值