用js怎么点击换一换书名

JavaScript013

用js怎么点击换一换书名,第1张

<p id="title">月亮与六便士</p>

<input type="button" value="换一换" onclick="getChange()">

<script>

    function getChange() {

        var title = document.getElementById("title")

        var titles = ["人间失格", "月亮与六便士", "摆渡人", "百年孤独", "岛上书店",

            "人间失格", "月亮与六便士", "摆渡人", "百年孤独", "岛上书店", "岛上书店"]

        title.innerHTML = titles[Math.round(Math.random() * 10)]

    }

</script>

不好意思具体代码不想写了。

给你个思路：

你这个布局有问题，

html代码如下：

<div style="overflow:hddenwidth:500pxheight:300pxposition:relative">

<div style="width:1000pxheight:300pxposition:absolutetop:0px" id="内容区域">

<ul style="width:500pxfloat:left">

<li>1条</li>

<li>2条</li>

<li>3条</li>

</ul>

<ul style="width:500pxfloat:left">

<li>4条</li>

<li>5条</li>

<li>6条</li>

</ul>

</div>

</div>

id="内容区域" 你这个id自己换下 为了后面方便说先这么写了。

给你的 “ 换一换 ” 添加点击事件，

点击一下让 内容区域 的top值 ，在原来的基础上向左移动500px；也就是原来的top-500。