本文实例讲述了js设置文字颜色的方法。分享给大家供大家参考,具体如下:
<h1>aaabbbccc</h1>
不允许在h1标签中添加任何字符,可以通过css或js定义,使其aaa为红色bbb为黄色ccc为蓝色
<!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-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.adKeyword {
color: #FF0000;
}
-->
</style>
</head>
<body>
<h1>aaabbbccc</h1>
</body>
</html>
<script language="JavaScript" type="text/javascript"><!--
if(document.createRange){
var range = document.createRange();
}else
var range = document.body.createTextRange();
if(range.findText){
while(range.findText("a")){
range.pasteHTML(range.text.fontcolor("#ff0000"));
range.collapse(true);
}
}else{
var s,n;
s = window.getSelection();
while(window.find("a")){
var n = document.createElement("SPAN");
n.style.color="#ff0000"
s.getRangeAt(0).surroundContents(n);
}
}
if(range.findText){
while(range.findText("c")){
range.pasteHTML(range.text.fontcolor("#0000ff"));
range.collapse(true);
}
}else{
var s,n;
s = window.getSelection();
while(window.find("c")){
var n = document.createElement("SPAN");
n.style.color="#ff0000"
s.getRangeAt(0).surroundContents(n);
}
}
if(range.findText){
while(range.findText("b")){
range.pasteHTML(range.text.fontcolor("#ffff00"));
range.collapse(true);
}
}else{
var s,n;
s = window.getSelection();
while(window.find("b")){
var n = document.createElement("SPAN");
n.style.color="#ff0000"
s.getRangeAt(0).surroundContents(n);
}
}
//-->
</script>
PS:这里再提供几款文字特效工具供大家参考:
在线特效文字/彩色文字生成工具:
http://tools./aideddesign/colortext
在线生成字体CSS样式工具:
http://tools./code/csscreate
仿古书排版文字竖排转换工具:
http://tools./transcoding/shupai
线条字生成工具:
http://tools./transcoding/xiantiaozi
在线钢笔手写体/手写字生成工具:
http://tools./aideddesign/shouxiezi
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
# js
# 设置
# 文字
# 颜色
# 神奇!js+CSS+DIV实现文字颜色渐变效果
# js点击列表文字对应该行显示背景颜色的实现代码
# JS实现文字链接感应鼠标淡入淡出改变颜色的方法
# JS实现让访问者自助选择网页文字颜色的方法
# javascript自动改变文字大小和颜色的效果的小例子
# JS Range HTML文档/文字内容选中、库及应用介绍
# javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
# RGB颜色值转HTML十六进制(HEX)代码的JS函数
# 浅析js 文字滚动效果
# JS实现单行文字不间断向上滚动的方法
# Js 打字效果 逐一出现的文字
# JS实现改变HTML上文字颜色和内容的方法
# 相关内容
# 遍历
# 感兴趣
# 数据结构
# 可以通过
# 给大家
# 使其
# 更多关于
# 所述
# 几款
# 程序设计
# 再提
# 转换工具
# 讲述了
# TR
# org
# dtd
# transitional
相关文章:
如何通过服务器快速搭建网站?完整步骤解析
北京制作网站的公司,北京铁路集团官方网站?
,柠檬视频怎样兑换vip?
洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?
Swift中循环语句中的转移语句 break 和 continue
网站设计制作企业有哪些,抖音官网主页怎么设置?
如何在阿里云域名上完成建站全流程?
定制建站方案优化指南:企业官网开发与建站费用解析
在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?
测试制作网站有哪些,测试性取向的权威测试或者网站?
如何用已有域名快速搭建网站?
网站制作公司广州有几家,广州尚艺美发学校网站是多少?
免费ppt制作网站,有没有值得推荐的免费PPT网站?
Python lxml的etree和ElementTree有什么区别
如何通过WDCP绑定主域名及创建子域名站点?
阿里云网站搭建费用解析:服务器价格与建站成本优化指南
如何在云主机快速搭建网站站点?
Android滚轮选择时间控件使用详解
logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?
建站之星导航菜单设置与功能模块配置全攻略
建站之星北京办公室:智能建站系统与小程序生成方案解析
独立制作一个网站多少钱,建立网站需要花多少钱?
公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?
网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱?
如何在阿里云服务器自主搭建网站?
如何在沈阳梯子盘古建站优化SEO排名与功能模块?
宝塔面板如何快速创建新站点?
建站org新手必看:2024最新搭建流程与模板选择技巧
专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?
沈阳制作网站公司排名,沈阳装饰协会官方网站?
建站10G流量真的够用吗?如何应对访问高峰?
建站之星好吗?新手能否轻松上手建站?
如何在宝塔面板中修改默认建站目录?
建站之星后台密码遗忘?如何快速找回?
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?
如何做静态网页,sublimetext3.0制作静态网页?
如何撰写建站申请书?关键要点有哪些?
如何在Golang中引入测试模块_Golang测试包导入与使用实践
如何用美橙互联一键搭建多站合一网站?
电商网站制作价格怎么算,网上拍卖流程以及规则?
如何通过西部数码建站助手快速创建专业网站?
网站制作培训多少钱一个月,网站优化seo培训课程有哪些?
武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
建站之星官网登录失败?如何快速解决?
如何通过远程VPS快速搭建个人网站?
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)
建站之星后台管理如何实现高效配置?
*请认真填写需求信息,我们会在24小时内与您取得联系。