目标--通过页面上的文本。改变它的样式。就是像word那样所见所得的。刷新之后 还是改过之后的页面。
意思就是我自己也迷糊了。现在的难题是。怎么用js 来 动态 更改 CSS 里面的 ID 样式 请教 !!!上司要求 也米办法。一个FCK 就搞定了的。我看有点想erp系统的
在页面上写过之后还要在让CSS 改变
下面是我写的一刷新就没了。 你们运行下就知道了。在这方面 我js 菜鸟啊!!!
<html xmlns="http://www.w3.org/1999/xhtml"><head><title> 调整文字样式</title><link type="text/css" rel="Stylesheet" href="content.css" /> <script type="text/javascript" language="javascript"> function txtHeight(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.lineHeight=cntStyle+"px"; } } function txtSpacing(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.letterSpacing=cntStyle+"px"; } } function txtBigSmail(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.fontSize=cntStyle+"px"; } } //得到并返回ID function getID(setID){ return document.getElementById(setID).value; alert(document.getElementById(setID).value); } </script></head><body > <form name="form1" method="post" action="ConentType.aspx" id="form1"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0MDkxNzYwNDNkZNkpFZAHnfdqvUiL/VADFmQxdg5B" /></div> <div> </div> <div id="cntGj"> 当今世界正处在大发展大变革大调整时期,当代中国进入了全面建设小康社会的关键时期和深化改革开放、加快转变经济发展方式的攻坚时期,文化越来越
成为民族凝聚力和创造力的重要源泉、越来越成为综合国力竞争的重要因素、越来越成为经济社会发展的重要支撑,丰富精神文化生活越来越成为我国人民
的热切愿望。我们要准确把握我国经济社会发展新要求,准确把握当今时代文化发展新趋势,准确把握各族人民精神文化生活新期待,在全面建设小康社会
进程中、在科学发展道路上奋力开创社会主义文化建设新局面。坚持中国特色社会主义文化发展道路,深化文化体制改革,推动社会主义文化大发展大繁荣
文化前进方向,坚持以人为本,坚持把社会效益放在首位,坚持改革开放 </div> <div style="margin-top:30px;"> <span id="Span1">行 间 距(像素):</span> <input id="Text1" type="text" onchange='txtHeight("Text1")'/><br /> <span id="Span2">字 间 距(像素):</span> <input id="Text2" type="text" onchange='txtSpacing("Text2")'/><br /> <span id="Span3">字体大小(像素):</span> <input id="Text3" type="text" onchange='txtBigSmail("Text3")'/><br /> </div> </form></body></html>
意思就是我自己也迷糊了。现在的难题是。怎么用js 来 动态 更改 CSS 里面的 ID 样式 请教 !!!上司要求 也米办法。一个FCK 就搞定了的。我看有点想erp系统的
在页面上写过之后还要在让CSS 改变
下面是我写的一刷新就没了。 你们运行下就知道了。在这方面 我js 菜鸟啊!!!
<html xmlns="http://www.w3.org/1999/xhtml"><head><title> 调整文字样式</title><link type="text/css" rel="Stylesheet" href="content.css" /> <script type="text/javascript" language="javascript"> function txtHeight(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.lineHeight=cntStyle+"px"; } } function txtSpacing(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.letterSpacing=cntStyle+"px"; } } function txtBigSmail(idName){ var cntStyle= getID(idName); if(cntStyle !=""){ document.getElementById("cntGj").style.fontSize=cntStyle+"px"; } } //得到并返回ID function getID(setID){ return document.getElementById(setID).value; alert(document.getElementById(setID).value); } </script></head><body > <form name="form1" method="post" action="ConentType.aspx" id="form1"><div><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0MDkxNzYwNDNkZNkpFZAHnfdqvUiL/VADFmQxdg5B" /></div> <div> </div> <div id="cntGj"> 当今世界正处在大发展大变革大调整时期,当代中国进入了全面建设小康社会的关键时期和深化改革开放、加快转变经济发展方式的攻坚时期,文化越来越
成为民族凝聚力和创造力的重要源泉、越来越成为综合国力竞争的重要因素、越来越成为经济社会发展的重要支撑,丰富精神文化生活越来越成为我国人民
的热切愿望。我们要准确把握我国经济社会发展新要求,准确把握当今时代文化发展新趋势,准确把握各族人民精神文化生活新期待,在全面建设小康社会
进程中、在科学发展道路上奋力开创社会主义文化建设新局面。坚持中国特色社会主义文化发展道路,深化文化体制改革,推动社会主义文化大发展大繁荣
文化前进方向,坚持以人为本,坚持把社会效益放在首位,坚持改革开放 </div> <div style="margin-top:30px;"> <span id="Span1">行 间 距(像素):</span> <input id="Text1" type="text" onchange='txtHeight("Text1")'/><br /> <span id="Span2">字 间 距(像素):</span> <input id="Text2" type="text" onchange='txtSpacing("Text2")'/><br /> <span id="Span3">字体大小(像素):</span> <input id="Text3" type="text" onchange='txtBigSmail("Text3")'/><br /> </div> </form></body></html>
<div id="test">
当今世界正处在大发展大变革大调整时期,当代中国进入了全面建设小康社会的关键时期和深化改革开放、加快转变经济发展方式的攻坚时期,文化越来越成为民族凝聚力和创造力的重要源泉、越来越成为综合国力竞争的重要因素、越来越成为经济社会发展的重要支撑,丰富精神文化生活越来越成为我国人民的热切愿望。我们要准确把握我国经济社会发展新要求,准确把握当今时代文化发展新趋势,准确把握各族人民精神文化生活新期待,在全面建设小康社会进程中、在科学发展道路上奋力开创社会主义文化建设新局面。坚持中国特色社会主义文化发展道路,深化文化体制改革,推动社会主义文化大发展大繁荣 文化前进方向,坚持以人为本,坚持把社会效益放在首位,坚持改革开放
</div>
行 间 距(像素):<input id="lineHeight" /><br/>
字 间 距(像素):<input id="letterSpacing" /><br/>
字体大小(像素):<input id="fontSize" />
<script>
function $(o){return document.getElementById(o)}
$('lineHeight').onkeyup = function(){
$('test').style.lineHeight = parseInt(this.value) + 'px';
}
$('letterSpacing').onkeyup = function(){
$('test').style.letterSpacing = parseInt(this.value) + 'px';
}
$('fontSize').onkeyup = function(){
$('test').style.fontSize = parseInt(this.value) + 'px';
}
</script>
楼主 这个意思?
得用 cookie