导航:首页 > 万维百科 > 网页设计点击文字出现列表

网页设计点击文字出现列表

发布时间:2020-10-28 00:44:36

1、网页设计中使文字滚屏显示的代码是?

<marquee direction="up" loop="-1" scrollamount="1">
</marquee>

"direction" 参数有 down left right up
分别是向下、向左、向右、向上

2、网页设计,如何制作在点击一个按钮之后,才在一个div框中显示文字图片

对按钮添加个onclick事件就行了,下面是个案例。

<div id="box"></div>
<button onclick="addContent()">按钮</button>
<script>
function addContent(){
var oDiv=document.getElementById("box");
oDiv.innerHTML="这是添加的文字";
//oDiv.innerHTML='<img src="1.min.jpg"/>';   //添加图片
}
</script>

3、网页设计 点击提交后出现第二个文本框怎么实现?

需要用js来实现,方法很多,我给你一个最简单的例子
首先是一个文本框,默认是隐藏的:
<input type="text" name="a" id="input1" style="display:none;">
然后一个按钮,加一个onclick事件,就是点击的时候,把上面的文本框显示出来
<button type="button" id="button1" onclick="document.getElementById('input1').style.display='block';">显示第二个文本框</button>

4、网页制作中,文字内容太多,不想全在本页上显示,点击上面“更多”,就能看到全部内容,这个要怎么做?

用js写个脚本,展开收起的方式:我把代码黏上,您可以试试:
【一、代码部分】
<div id="hutia">
1.即使生气,还是忍不住关心你,这才是真正爱你的人!
2.爱一个人,其实很简单。他让你流泪,让你失望,尽管这样,他站在那里,你还是会走过去牵他的手,不由自主。
3.你拿了自己一生的幸福做赌注,要跟着我,你是这个世界上唯一这样信任我的人,我怎么舍得让你输。
4.女人只会欺负对她好的男人,因为她知道即使他再委屈也不会离开她。一点点语录网
5.世界上最美妙的一件事,就是当你拥抱一个你爱的人,他竟然把你抱得更紧。
6.爱你就是,见不到你的时候,心里有好多话想和你说;你在身边时,觉得得静静地靠近你,即使不说话,也很好。
7.相遇是一种美丽,相识是一种欢心,而相知是一种幸福。
</div>
【二、js部分】
<script type="text/javascript">
(function(){
var o = document.getElementById("hutia");
Subt(o);
})();
function Subt(obj){
var s = obj.innerHTML;
var p = document.createElement("span");
var n = document.createElement("a");
p.innerHTML = s.substring(0,100);
n.innerHTML = s.length > 100 ? "...展开" : "";
n.href = "###";
n.onclick = function(){
if (n.innerHTML == "...展开"){
n.innerHTML = "收起";
p.innerHTML = s;
}else{
n.innerHTML = "...展开";
p.innerHTML = s.substring(0,100);
}
}
obj.innerHTML = "";
obj.appendChild(p);
obj.appendChild(n);
}
</script>

5、网页设计html中,在文本框中输入文字,单击“确认”按钮后,将文字设置为网页标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<button>确认</button>
<script>

    var input = document.getElementsByTagName('input')[0];
    var button = document.getElementsByTagName('button')[0];

    button.onclick = function () {
        if(input.value.length != 0) {
            document.title = input.value;
        }
    }

</script>
</body>
</html>

与网页设计点击文字出现列表相关的知识