求HTML代码,页面显示古诗的题目,按下按钮,古诗第一句替换古诗题目

求HTML代码,页面显示古诗的题目,按下按钮,古诗第一句替换古诗题目,第1张

这个可以通过一个简单的js时间来实现,

首先创建input按钮,添加onclick=tihuan(this)事件:

//替换方法将当前文件替换成其他文字。

function tihuan(obj){

obj.replace(obj,其他字符)

}

<!DOCTYPE HTML>

<html>

<head>

<title>念奴娇</title>

<meta charset=UTF-8 />

<style type="text/css">

* {

margin: 0

padding: 0

border: 0

}

ul.content {

width: 1000px

height: 600px

margin: auto

overflow: hidden

list-style: none

background: url(bg1.jpg) no-repeat

}

ul.content li {

float: right

margin-left: 7px

margin-right: 24px

line-height: 30px

width: 14px

font-size: 14px

word-wrap: break-word

word-break: nomal

font: bolder 25px/1.5 方正行楷简体

}

</style>

</head>

<body>

<ul class="content">

<li>大江东去</li>

<li>浪淘尽</li>

<li>千古风流人物</li>

<li>故垒西边</li>

<li>人道是</li>

<li>三国周郎赤壁</li>

<li>乱石穿空</li>

<li>惊涛拍岸</li>

<li>卷起千堆雪</li>

<li>江山如画</li>

<li>一时多少豪杰</li>

<li>遥想公瑾当年</li>

<li>小乔初嫁了</li>

<li>雄姿英发</li>

<li>羽扇纶巾</li>

<li>谈笑间</li>

<li>樯橹灰飞烟灭</li>

<li>故国神游</li>

<li>多情应笑我</li>

<li>早生华发</li>

<li>人生如梦</li>

<li>一尊还酹江月&nbsp苏轼</li>

</ul>

</body>

</html>


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

原文地址: https://outofmemory.cn/zaji/7379544.html

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

发表评论

登录后才能评论

评论列表(0条)

保存