当前位置: 代码迷 >> ASP.NET >> 同一段代码在html中实施,在aspx中就不执行了
  详细解决方案

同一段代码在html中实施,在aspx中就不执行了

热度:4034   发布时间:2013-02-25 00:00:00.0
同一段代码在html中执行,在aspx中就不执行了
C# code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script type="text/javascript" language="javascript">        window.onload = function () {            function getElement(id) {                return document.getElementById(id);            }            var speed = 30            var demo = getElement("demo");            var demo2 = getElement("demo2");            var demo1 = getElement("demo1");            demo2.innerHTML = demo1.innerHTML//复制demo1中的图片到demo2中            function Marqueeleft() {//向左滚动                if (demo2.offsetWidth - demo.scrollLeft <= 0)                    demo.scrollLeft -= demo1.offsetWidth                else                    demo.scrollLeft++            }            function Marqueeright() {//向右滚动                if (demo2.offsetWidth - demo.scrollLeft >= 565)                    demo.scrollLeft += demo1.offsetWidth                else                    demo.scrollLeft--            }            var MyMar = setInterval(Marqueeleft, speed)//自动开始滚动            Direction = 'Left'; //设定初始方向为向左滚            demo.onmouseover = function () { clearInterval(MyMar) }            demo.onmouseout = function () {                if (Direction == 'Left') {                    MyMar = setInterval(Marqueeleft, speed)                } else if (Direction == 'Right') {                    MyMar = setInterval(Marqueeright, speed)                }            };            getElement('left').onclick = function () {                clearInterval(MyMar);                MyMar = setInterval(Marqueeleft, speed)                Direction = 'Left';            };            getElement('left').onmouseover = function () {                this.style.opacity = 0.3;                this.style.filter = 'alpha(opacity=30)';            }            getElement('left').onmouseout = function () {                this.style.opacity = 0.05;                this.style.filter = 'alpha(opacity=5)';            }            getElement('right').onclick = function () {                clearInterval(MyMar);                MyMar = setInterval(Marqueeright, speed)                Direction = 'Right';            };            getElement('right').onmouseover = function () {                this.style.opacity = 0.3;                this.style.filter = 'alpha(opacity=30)';            }            getElement('right').onmouseout = function () {                this.style.opacity = 0.05;                this.style.filter = 'alpha(opacity=5)';            }        }</script><style type="text/css">            #demo{overflow: hidden; width:565px; float:left; margin:0 10px; position:absolute; z-index:0;}    </style></head><body>    <form id="form1" runat="server">   <div id="outer"><div id="demo" >    <table width="565px" border="0"  cellpadding="0" bgcolor="#FFFFFF">        <tr>            <td id="demo1" valign="top">                <table border="0" align="center" cellpadding="0" cellspacing="0">                    <tr valign="top" >                        <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                                                <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                        <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                        <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                        <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                        <td align="center" style="border:1px solid #FFFFFF;">                            <div>                                <a href="#nogo" class="listname">                                    <img src="fffd.jpg" class="listimage"/>时尚新潮                                </a>                            </div>                        </td>                    </tr>                </table>            </td>            <td id="demo2" valign="top"></td>        </tr>    </table></div></div>    </form></body></html>
  相关解决方案