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

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

5首页加载慢_5个外贸建站谷歌SEO优化技巧
外贸建站谷歌SEO优化技巧想必是每个外贸建站人员真正关心并且想要熟练掌握的一门学问.同学们可能在很多网站或者博客上看到过相同标题的博客文章,这些文章质量参差不齐内容多种多样,所表达的观点和相关技巧难 ...
外贸建站如何使用Woocommerce插件制作产品页面
一.Woocommerce及相关插件准备 Woocommerce是一个开源插件,任何Wordpress主题都可以下载这个插件.这个插件本身是用于电商网站的,这里我们用在外贸B2B网站上面还需要加一些功 ...
外贸建站，为什么别人的询盘更多更精准？
大多企业进行外贸建站的目的就是想要获得更多的精准询盘,但是具体该如何做,大多企业都没有方向,要么就是在网上看各种不系统的文章学着操作,要么就找个建站公司做好网站就不管了,而最终结果都不甚理想.那么怎样 ...
外贸建站选择Zencart还是Magento？
最近的客户咨询的问题越来越多了啊!我还是来者不拒.有问必答的!昨天有客户问到建站选择Zencart还是Magento?我觉得这个问题还是很重要的,所以就拿出来和大家一起讨论下! 无论是Zencart ...
独立ip 公司文件服务器,企业在外贸建站时，为什么要选择独立IP的服务器？
企业在外贸建站时,有一部分站长会为了让网站做的更加出彩选择在服务器方面压缩成本,所以会拒绝使用独立服务器,转而选择一些较为经济的空间.这其实是一种错误的做法,服务器是网站运营的根本,即使在网站设计方面 ...
亚马逊新规出台，外贸建站时代呼之欲出！
今年美国当地时间8月21日迎来99年一遇的日全食,在21号之前多数亚马逊卖家都备好货坐等订单,随着21日的临近销量不断上涨,有些卖家的销量甚至是往常的5倍以上.但是,就在当月8号,亚马逊大面积下架美国 ...
SEO当中能事半功倍的选择——外贸建站域名如何选
SEO当中能事半功倍的选择--外贸建站域名如何选外贸建站域名的挑选是有很多讲究的,不要随意就定.因为,域名一旦确定,后期就不好修改了.本文就来谈谈,外贸网站应该如何选择合适的域名.今天和大家分享外贸 ...
国内vs国外：外贸建站该如何选择？
外贸建站找国内还是国外? 答案是:国内. 随着互联网的发展,越来越多的企业开始意识到在网络上进行商业活动的重要性. 其中,建立一个专业的外贸网站是企业在国际市场上拓展业务的关键. 然而,对于选择国内还 ...
外贸建站多少钱？不同预算对应的建站方案！
外贸建站多少钱? 答案是:3000左右. 作为一个外贸企业的经营者,我们深知一个优质的外贸网站对于企业的重要性. 然而,建立一个优质的外贸网站需要耗费大量的时间和资金,因此我们需要在预算有限的情况下, ...

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

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

最新文章

热门文章