如何给js中的文字加效果,如何给js中的文字加效果框
js怎么实现一段文字的显示有个明显的过渡效果
网页元素一个一个删除，然后一个一个载入新网页的元素,这样子网页在过度过程中会出现变形和抖动。
比较好的办法是把老网页和新网页的元素分别放置到一个层里，开始是现实老网页层，新网页层display设为none，不显示。
过度时使用新网页层盖住老网页层，过度效果就是新网页层盖住老网页层的过程效果。效果可以百度一下。当新网页层完全盖住老网页层时，把老网页层（这是页个元素）删除就可以了。
如何用javascript实现对文本域加粗,斜体和下划线效果的设置
1、可以通过?style?让整个文本框内容加粗，但没有办法单独改变部分文字的样式。
2、下面的代码只是个例子，可以实现将选择的文本加粗，但实际应用中考虑的问题还有很多，IE?9,?Firefox?19,?Chrome?26?下测试都没有问题，Safari?会出现移位错误，Opera?直接不支持。
script?language="javascript"
window.onload?=?function()?{
????//?iframe?窗口
????var?frameWin?=?document.getElementById('result').contentWindow;
????//?iframe?页面
????var?frameDoc?=?frameWin.document;
????//?在?iframe?页面输出一些字符
????frameDoc.body.innerHTML?=?'Lorem?ipsum?dolor?sit?amet';
????//?点击加粗
????document.getElementById("bold").onclick?=?function()?{
????????//?获取选择
????????var?sel?=?frameDoc.getSelection();
????????//?获取选择的文字
????????var?txt?=?sel.getRangeAt(0).extractContents().textContent;
????????//?选择范围
????????range?=?sel.getRangeAt(0);
????????//?删除被选择的内容
????????range.deleteContents();
????????//?创建新的元素?strong
????????var?bold?=?frameWin.document.createElement("strong");
????????//?设置?strong?内容
????????bold.innerHTML?=?txt;
????????//?在被选择的位置添加加粗的元素
????????range.insertNode(bold);
????};
};
/script
iframe?style="width:600px;?height:200px"?id="result"/iframe
input?type="button"?id="bold"?value="加粗"?/
js怎样动态添加文字样式
以改变字体颜色为例
js部分
//?页面加载完毕要执行的操作放到这个函数里
window.onload=function?(){
//?使用js实现
document.getElementById('wenzi').style.color="red";
//?使用jqeury实现
$('#wenzi2').css('color','yellow');
}
html部分
span?id="wenzi"js动态添加文字样式示例/span
span?id="wenzi2"js动态添加文字样式示例2/span
js 给页面内文字高光特效
如果不想动复制过来的内容，（可能内容比较多，也不好找，改动又可能会影响其他）
那就将你自己写的div 都添加一个class， 设置文字格式，如font-size,font-color等。
div class="norm"blabla/div
style里可能需要这些：
.norm {
font-family:Verdana, Geneva, sans-serif;
size:12px;
color:black;
opacity:1;
moz-opacity:1;
filter:false;
}