美女画廊「建议收藏」

美女画廊「建议收藏」<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>Title

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            background-color: #666;
        }
        #dv {
            margin: 0 200px;
        }
        #dv a img{
            /*float: left;*/
            width: 200px;
            height: 300px;
        }
        .image {
            width: 812px;
            height: 900px;
            margin: 0 200px;
        }
        p{
            margin: 0 200px;
        }
    </style>
</head>
<body>
<script src="common.js"></script>
<script>
    function my$(id){
        return document.getElementById(id);
    }

    window.onload=function () {
        var abq=my$("dv").getElementsByTagName("a");


        for (i=0;i<abq.length;i++){
            abq[i].onclick=function () {
                document.getElementsByClassName("image")[0].src=this.href;
                document.getElementsByTagName("p")[0].innerText=this.title;
                return false;
            }
        }
    }
</script>
<div id="dv">
    <h1>美女画廊</h1>
<a href="http://pic1.win4000.com/pic/d/ad/b4f5f7224a.jpg" title="美女1"><img src="http://pic1.win4000.com/pic/d/ad/ca0d42e5d9_250_350.jpg" alt="" title="美女A"></a>
<a href="http://pic1.win4000.com/pic/e/8c/a3012d35ca.jpg" title="美女2"><img src="http://pic1.win4000.com/pic/d/2f/8af870475f_250_350.jpg" alt="" title="美女B"></a>
<a href="http://pic1.win4000.com/pic/7/01/85d3a28147.jpg" title="美女3"><img src="http://pic1.win4000.com/pic/7/01/bb93d3ab49_250_350.jpg" alt="" title="美女C"></a>
<a href="http://pic1.win4000.com/pic/d/2f/f6a982541b.jpg" title="美女4"><img src="http://pic1.win4000.com/pic/e/8c/b1ed3a9cec_250_350.jpg" alt="" title="美女D"></a>
</div>
<br>
<img src="http://pic1.win4000.com/pic/d/ad/d05f200f16.jpg" alt="" class="image">
<br>
<p>选择一个图片</p>

</body>
</html>

美女画廊「建议收藏」

今天的文章美女画廊「建议收藏」分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/71129.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注