html文字特效zhengli8

更新时间：2023-06-06 22:30:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>隐藏省略文字特效-懒人图库</title>

</head>

<body>

<div style="width:260px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #336699">试试看，前面一段我知道，加上...倒还真的不知道，看看效果</div>

<p>超出的文字用省略,用…代替</p>

最新内容：<a id="HotNews" href="" target="_blank">南通SEO</a> <SCRIPT LANGUAGE="JavaScript">

<!--

var NewsTime = 2000; //每条新闻的停留时间

var TextTime = 50; //新闻标题文字出现等待时间，越小越快

var newsi = 0;

var txti = 0;

var txttimer;

var newstimer;

var newstitle = new Array(); //新闻标题

var newshref = new Array(); //新闻链接

newstitle[0] = "懒人图库";

newshref[0] = "";

newstitle[1] = "";

newshref[1] = "";

newstitle[2] = "显而易见，最高的效率就是对现有材料的最佳利用4。";

newshref[2] = "";

newstitle[3] = "学会偷懒，并懒出境界是提高工作效率最有效的方法5！";

newshref[3] = "";

newstitle[4] = "bye";

newshref[4] = "";

function shownew()

{

//code by haiwa @2005-10-21

var endstr = "_"

hwnewstr = newstitle[newsi];

newslink = newshref[newsi];

if(txti==(hwnewstr.length-1)){endstr="";}

if(txti>=hwnewstr.length){

clearInterval(txttimer);

clearInterval(newstimer);

newsi++;

if(newsi>=newstitle.length){

newsi = 0

}

newstimer = setInterval("shownew()",NewsTime);

txti = 0;

return;

}

clearInterval(txttimer);

document.getElementById("HotNews").href=newslink;

document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr;

txti++;

txttimer = setInterval("shownew()",TextTime);

}

shownew();

//-->

</SCRIPT>

<div id="span_myads">这里放广告代码</div>

document.getElementById("myads").innerHTML = document.getElementById("span_myads").innerHTML;

document.getElementById("span_myads").innerHTML = "";

</script>

function $(xixi) {

return document.getElementById(xixi);

}

//转换字号

function doZoom(size){

if(size==12){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "";

$("fs14").style.display = "none";

$("fs16").style.display = "none";

}

if(size==14){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "none";

$("fs14").style.display = "";

$("fs16").style.display = "none";

}

if(size==16){

$("contentText").style.fontSize = size + "px";

$("fs12").style.display = "none";

$("fs14").style.display = "none";

$("fs16").style.display = "";

}

</SCRIPT>

<DIV class=fontSize id=fs12 style="DISPLAY: none"><A

href="javascript:doZoom(16)">大</A><A

href="javascript:doZoom(14)">中</A><SPAN>小</SPAN></DIV>

<DIV class=fontSize id=fs14><A

href="javascript:doZoom(16)">大</A><SPAN>中</SPAN><A

href="javascript:doZoom(12)">小</A></DIV>

<DIV class=fontSize id=fs16 style="DISPLAY: none"><SPAN>大</SPAN><A

href="javascript:doZoom(14)">中</A><A

href="javascript:doZoom(12)">小</A></DIV>

<p>

document.onkeydown = chang_page;

function chang_page() {

if (event.keyCode == 37 || event.keyCode == 33) location = '';

if (event.keyCode == 39 || event.keyCode == 34) location =

}

</SCRIPT>

说明：按键盘←→方向键或PageUp PageDown键直接翻页</p>

var lastFaqClick=null;//上次点击的faq

window.onload=function(){

var faq=document.getElementById("faq");

var dls=faq.getElementsByTagName("dl");

for (var i=0,dl;dl=dls[i];i++){

var dt=dl.getElementsByTagName("dt")[0];//取得标题

dt.id = "faq_dt_"+(Math.random()*100);

dt.onclick=function(){

var p=this.parentNode;//取得父节点

if (lastFaqClick!=null&&lastFaqClick.id!=this.id){

var dds=lastFaqClick.parentNode.getElementsByTagName("dd");

for (var i=0,dd;dd=dds[i];i++)

dd.style.display='none';

}

lastFaqClick=this;

var dds=p.getElementsByTagName("dd");//取得该父节点所有的子节点，也就是所有的答案

var tmpDisplay='none';

if (gs(dds[0],'display')=='none')

tmpDisplay='block';

for (var i=0;i<dds.length;i++)

dds[i].style.display=tmpDisplay;

}

/**

*取得元素的真实css属性

*written in 06.7 sheneyan

function gs(d,a){

if (d.currentStyle){

var curVal=d.currentStyle[a]

}else{

var curVal=document.defaultView.getComputedStyle(d, null)[a]

}

return curVal;

}

</script>

*,html,body{margin:0;padding:0}

#faq dt{font-weight:bold;cursor:pointer}

#faq dd{display:none;}

</style>

<li>

<li>

<li>

<li>

</li>

</ul>

<div id="hutia">这没事就懒洋洋闲逛的我迎面驶来了28的永久自行车

我脚下的鞋很破了

可是回力这个牌子还是不错

小卖店的电视机里在播

白娘子和许仙在唱歌

千年等一回我无悔啊

这就是80后简单的生活

你一定不要忘记了

随着时间慢慢的推移

这一切都离我们远去

以前十块钱就能买的东西

现在一定要出动毛主席

现在人们都彼此不相信

在彼此伤害着对方的心

小时候的回忆已不再清晰

云残风呼啸岁月催人老

只为这一杯能不哭也不笑

时间难倒回无人再陪我来醉

那是我的爱啊一去不再回

无尽的虚伪无尽的憔悴

无尽的醉了无尽的眼泪

我的爱呀是我的轮回

你的爱呀换不回

无尽的虚伪无尽的憔悴

无尽的醉了无尽的眼泪

我的爱呀是我的轮回

你的爱呀换不回呐……呐……呐……呐……呐……

这没事就懒洋洋闲逛的我

迎面驶来了28的永久自行车

我脚下的鞋很破了

可是回力这个牌子还是不错

小卖店的电视机里在播

白娘子和许仙在唱歌

千年等一回我无悔啊

无尽的虚伪无尽的憔悴

无尽的醉了无尽的眼泪

我的爱呀是我的轮回

你的爱呀换不回

RAP~

挠一挠二挠金桥，

金桥底下裂瓜瓢，

裂什么裂，猪八戒，

猪什么猪，耗子哭，

耗什么耗，儿马尿，

儿什么儿，张家屯，

张什么张，五杆枪，

五什么五，牛屁肚，

牛什么牛，嘎蛋球，

嘎什么嘎，燕燕瓦，

燕什么燕，扯几把蛋，

扯什么扯，孙老戈，

孙什么孙，吕洞宾，

吕什么吕，刷锅底，

刷什么刷，豆腐渣。

不要忘记我们的回忆，不要忘了我们的梦~ 不要忘记我们的回忆，不要忘了我们的梦~ 不要忘记我们的回忆，不要忘了我们的梦~ </div>

<p>

(function(){

var o = document.getElementById("hutia"); var s = o.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);

}

o.innerHTML = "";

o.appendChild(p);

o.appendChild(n);

})();

</script>

</p>

</body>

</html>

本文来源：https://www.bwwdw.com/article/bdj1.html

相关文章：

正在阅读：

html文字特效zhengli806-06

屠呦呦诺贝尔奖感言02-12

2022年专升本平时作业(课件)04-10

建筑设计要点12-21

2015.5美学原理完整版答案03-20

一个画廊老板的统计01-09

通信设备工程安装施工规范03-14

爱福亲公司登记（备案）申请书 - （有填写说明）12-26

2022年继续教育研修自我鉴定04-16

一件令我难忘的事作文350字07-10

上一篇：旅游资源评价方法研究——以秦皇岛三大景区为例下一篇：优秀学生评语精短小学一年级优秀学生评语_0133文档