html实现文字隐藏展开特效代码,外贸建站之隐藏展开文字JS特效代码分享

在很多网站我们都看到有文字隐藏展开的特效，这里我们分享一个文字隐藏展开的JS代码。(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);

})();

下面我们来看效果

台湾萨威/SAWEY品牌中压

没有金刚钻，不揽瓷器活！萨威/SAWEY SYA-5 ST的参数型號 塗料供應方式 塗料噴嘴口徑(mm) 噴塗距離(mm) 空氣壓力Mpa(kgf/cm2) 空氣使用量(L/min) 塗料噴出量(ml/min) 噴幅

(mm) 重量

(g)

SYA-5st-07P 壓送式 0.7 200 0.25(2.5) 250 180 190 674

SYA-5st-11P 1.1 260 200 230

SYA-5st-14P 1.4 270 220 280