动态文字、图片

来源:互联网 发布:机房网络拓扑结构图 编辑:程序博客网 时间:2024/05/22 00:52

动态的图片与文字,都是页面效果的一种,主要是为了使页面更加美观,使人在观看的时候,更加赏心悦目

动态图片相当于轮播图片

各种动态字体,在网上粘的只有代码和效果,未能完全理解引用的

动态图片代码 

@{

    Layout = null;

}

 

<!DOCTYPE html>

 

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Indexq</title>

</head>

<body>

    <div>

        <table width="880" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>

                <td height="115" valign="middle">

                    <div id=demo style="OVERFLOW:hidden; WIDTH: 100%; HEIGHT: 115px">

                        <table cellpadding=0 align=left border=1 cellspace="0" bordercolor="#ffffff">

                            <tr bordercolor="#FFFFFF">

                                <td id=demo11>

                                    <table width='100%' cellpadding='0' cellspacing='2' border='0'>

                                        <tr>

                                            <td align='center'><a href="scml.asp" target="_blank"><a href='img/1.jpg'><img src='imgs/1.jpg' width='140' height='115' border="0"></a></td>

                                            <td align='center'><a href="scml.asp" target="_blank"> <a href='img/65782c70330b457c398978a2da420087.jpg'><img src="~/img/65782c70330b457c398978a2da420087.jpg" width="140" height="115" border="0" /></a></td>

                                            <td align='center'><a target="_blank" href="scml.asp"> <a href='img/7b50273d71752d27eb3d3653cefec9c2.jpg'<img src="~/img/7b50273d71752d27eb3d3653cefec9c2.jpg" width='140' height='115' border='0' />></a></td>

                                            <td align='center'><a href="scml.asp" target="_blank"> <a href='img/92f6cf0c22d27046bb80ff6cb667479a.jpg'><img src="~/img/92f6cf0c22d27046bb80ff6cb667479a.jpg" width='140' height='115' border='0' /></a></td>

                                            <td align='center'><a href="scml.asp" target="_blank"> <a href='img/t0169e5ed28f5c3d719.jpg'><img src="~/img/t0169e5ed28f5c3d719.jpg" width='140' height='115' border='0' /></a></td>

                                            <td align='center'><a href="scml.asp" target="_blank"> <a href='img/t0197830de01b844ba7.jpg'><img src="~/img/t0197830de01b844ba7.jpg" width='140' height='115' border='0' /></a></td>

                                        </tr>

                                    </table>

                                </td>

                                <td id=demo12></td>

                            </tr>

                        </table>

                    </div>

                    <script>

                        var speed = 15

                        demo12.innerHTML = demo11.innerHTML

                        function Marquee11() {

                            if (demo12.offsetWidth - demo.scrollLeft <= 0)

                                demo.scrollLeft -= demo11.offsetWidth

                            else {

                                demo.scrollLeft++

                            }

                        }

                        var MyMar1 = setInterval(Marquee11, speed)

                        demo.onmouseover = function () { clearInterval(MyMar1) }

                        demo.onmouseout = function () { MyMar1 = setInterval(Marquee11, speed) }

                    </script>

                </td>

            </tr>

        </table>

    </div>

</body>

</html>


0 0
原创粉丝点击