怎么用html做购物网站

怎么用html做购物网站,第1张

只用eclipse就可以了,用jsp可以写一个js监听事件,购买肯定是一个按钮,在上面添加onclick事件,绑定一个函数,显示购物车这个div或者页面(放在当前页面上面),结算时就是拿商品的价格相加显示出来,比如商品对象放在一个链表里,取出购物车 里的,价格相加。

轮播代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312">

<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />

<style type="text/css">

td {font-size: 12px}

</style>

</head>

<body>

<p>&nbsp</p>

<table width="558" height="251" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td width="279" height="251">

<script type="text/javascript">

imgUrl1="images/01.jpg"

imgtext1="蔬菜广告创意01"

imgLink1=escape("http://www.lanrentuku.com/")

imgUrl2="images/02.jpg"

imgtext2="蔬菜广告创意02"

imgLink2=escape("http://www.lanrentuku.com/")

imgUrl3="images/03.jpg"

imgtext3="蔬菜广告创意03"

imgLink3=escape("http://www.lanrentuku.com/")

imgUrl4="images/04.jpg"

imgtext4="蔬菜广告创意04"

imgLink4=escape("http://www.lanrentuku.com/")

imgUrl5="images/05.jpg"

imgtext5="蔬菜广告创意05"

imgLink5=escape("http://www.lanrentuku.com/")

 var focus_width=240

 var focus_height=200

 var text_height=18

 var swf_height = focus_height+text_height

 

 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5

 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5

 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5

 

 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">')

 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/focus1.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">')

 document.write('<param name="menu" value="false"><param name=wmode value="opaque">')

 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">')

 document.write('</object>')

 </script> </td>

    <td width="279">

<script type="text/javascript">

imgUrl1="images/01.jpg"

imgtext1="蔬菜广告创意01"

imgLink1=escape("http://www.lanrentuku.com/")

imgUrl2="images/02.jpg"

imgtext2="蔬菜广告创意02"

imgLink2=escape("http://www.lanrentuku.com/")

imgUrl3="images/03.jpg"

imgtext3="蔬菜广告创意03"

imgLink3=escape("http://www.lanrentuku.com/")

imgUrl4="images/04.jpg"

imgtext4="蔬菜广告创意04"

imgLink4=escape("http://www.lanrentuku.com/")

imgUrl5="images/05.jpg"

imgtext5="蔬菜广告创意05"

imgLink5=escape("http://www.lanrentuku.com/")

 var focus_width=240

 var focus_height=200

 var text_height=18

 var swf_height = focus_height+text_height

 

 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5

 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5

 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5

 

 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">')

 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/focus2.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">')

 document.write('<param name="menu" value="false"><param name=wmode value="opaque">')

 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">')

 document.write('</object>')

</script></td>

  </tr>

</table>

<table width="558" height="213" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td height="149"><p>把JS脚本拷贝到您的页面里<br>

      然后修改脚本里FLASH图片显示的尺寸 <br>

      var focus_width=240<br>

      var focus_height=200</p>

        <p>不用在页面里插入FLASH文件</p>

      <p>使用相对路径和绝对路径都可以正常显示<br>

      </p></td>

  </tr>

  <tr>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7265522.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存