2018年最新版文字滚动特效（兼容多浏览器）-网页编程网

当前位置：主页 >> 网页特效 >> 正文

2018年最新版文字滚动特效（兼容多浏览器）

阅读：3931 输入：2014-10-07 02:03:03

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js树形导航菜单制作点击展开收缩二级菜单</title>
</head>
<body>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{color:#5e5e5e;font-size:12px;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}
/* nav_menu */
.nav_menu{width:560px;margin:100px auto;}
.nav_menu dl{background:url(images/verline.gif) repeat-y 4px 0;}
.nav_menu dl dt a{height:24px;line-height:24px;overflow:hidden;color:#3366cc;font-weight:800;}
.nav_menu dl dt a span{display:inline-block;width:13px;height:15px;overflow:hidden;float:left;margin:0 5px 0 0;}
.nav_menu dl dt a.minus span{background:url(images/showbtn.gif) no-repeat;}
.nav_menu dl dt a.plus span{background:url(images/hidebtn.gif) no-repeat;}
.nav_menu dl dd li{height:24px;line-height:24px;background:url(images/lineleft.gif) no-repeat 4px -6px;padding:0 0 0 18px}
</style>
<script type="text/javascript">
function getObject(objectId){
	if(document.getElementById && document.getElementById(objectId)){
		return document.getElementById(objectId);
	}else if(document.all && document.all(objectId)){
		return document.all(objectId);
	}else if(document.layers && document.layers[objectId]){
		return document.layers[objectId];
	}else{
		return false;
	}
}

上一篇：在页面中实现搜索功能，只要是页面中的字符
下一篇：纯CSS制作的新闻网站中的文章列表

相关阅读: 文字滚动效果控制单排向上间隔滚动; js实现文字内容向上滚动效果; JS横向带停顿的图片无缝滚动特效