让网页文字定时交替出现的Js代码

  • 让LI列表中的文字一行一行交替出现，每一行停留数秒后自动转到下一行显示，使用灵活，JS代码非常精简，推荐学习参考和使用。这里给LI设置line-height属性以便控制内容溢出。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>文本定时切换</TITLE>

<style type="text/css">

#newslist{

background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:80px;

}

#contain{

font-size:12px;overflow:hidden;list-style:none;width:80px;height:20px;margin:0px;padding:0;

}

#contain li{

height:20px;line-height:20px;white-space:nowrap;overflow:hidden;padding-left:5px;

}

</style>

</HEAD>

<BODY>

<div id="newslist">

<ul id="contain">

<li><a href="/sort/list_2_34_1.shtml">聊天留言</a></li><li><a href="/sort/list_2_35_1.shtml">企业建站</a></li><li><a href="/sort/list_2_36_1.shtml">论坛社区</a></li><li><a href="/sort/list_2_37_1.shtml">新闻文章</a></li><li><a href="/sort/list_2_52_1.shtml">CMS系统</a></li><li><a href="/sort/list_2_53_1.shtml">博客日记</a></li><li><a href="/sort/list_2_51_1.shtml">影音视频</a></li>

</ul>

</div>

<SCRIPT LANGUAGE="JavaScript">

function xx(){

var container=document.getElementById("contain");

container.appendChild(container.firstChild);

}

setInterval("xx()",3000);

</SCRIPT>

</BODY>

</HTML>

让网页文字定时交替出现的Js代码

时间： 2024-10-04 04:33:40

让网页文字定时交替出现的Js代码的相关文章

网页更换主题以及绘制图形js代码实现

HTML代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible

网页文字竖排的几种实现方式

古时候的书籍里面文字的书写方式都是从上到下从右向左书写的,我们可不可以在网页上实现这种文字排版效果,虽然现在竖排在网页上用的比较的少,但是我们可以在我们自己的个人网站或者博客介绍页面用竖排来排版,使网页样式看起来更加的丰富和复古! 通过一些尝试我找到了如下3中方式在网页上竖排文字的方法,各有各的缺点和优点,下面我们就来看看具体的方法和实现效果吧! 方式1.css属性float实现文字竖排# 实现原理:把一短话的每一句放在一个div中,设置div的宽度和要显示的字体的大小一样(div的高度=字数×

网页标题随机显示名言JS代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

鼠标选择文字事件js代码，增加层问题

在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){  txt = document.selection.createRange().text }else{  txt = window.

UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS) - (void)viewDidLoad { [super viewDidLoad]; // 1.webView UIWebView *webView = [[UIWebView alloc] init]; webView.frame = self.view.bounds; webView.delegate = self; // 伸缩页面至填充整个webView webView.scalesPageToFit = YES; // 隐藏scroll

通过网页的JS代码启动移动APP

<span style="font-size:18px;"><script> function startAPP(){ window.location = "scheme name://**.**/**"; } function downloadAPP(){ window.location = "http://IP/**/**.apk"; } </script> <style type="tex

网页中最常用的JS代码（js禁止右键、禁止复制，设为首页，加入收藏代码）

<body oncontextmenu=”return false”></body> <!– 禁用右键: –> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <body onselectstart=”return false”> 取消选取.防止复制 oncopy=”return false;” oncut=”return

iOS UIWebView和网页的交互(OC中调执行JS)

UIWebView和网页的交互(OC中调执行JS)- (void)viewDidLoad{[super viewDidLoad];// 1.webViewUIWebView *webView = [[UIWebView alloc] init];webView.frame = self.view.bounds;webView.delegate = self;// 伸缩页面至填充整个webViewwebView.scalesPageToFit = YES;// 隐藏scrollViewwebVie

输入密码才能浏览网页JS代码

代码一: <script type="text/javascript"> function password() { var testV = 1; var pass1 = prompt('请输入密码',''); while (testV < 3) { if (!pass1) history.go(-1); if (pass1 == "123") {//初始密码123 alert('密码正确!'); break; } testV+=1; var pa