背景颜色 字体大小 功能不能在文章页应用 ,大哥们帮忙看看


模板代码:

 <div class="tc-box article-box">

<script type="text/javascript" src="__TMPL__/public/assets/js/pagetop.js"></script>背景颜色<select name="bcolor" id="bcolor" onchange="javascript:document.getElementById('ChapterContents').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('chapter_title_924915').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('yueduye').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('ChapterContent924915').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('yanse').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('chapter_numbers_924835').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById('chapter_bd_924915').style.backgroundColor=this.options[this.selectedIndex].value;">   <option style="background-color: #f6f6f6" value="#f6f6f6">默认</option>   <option style="background-color: #ffffff" value="#ffffff">白色</option>              <option style="background-color: #e3e8f7" value="#e3e8f7">淡蓝</option>   <option style="background-color: #daebfc" value="#daebfc">蓝色</option>              <option style="background-color: #ebeaea" value="#ebeaea">淡灰</option>              <option style="background-color: #e7e3e6" value="#e7e3e6">灰色</option>              <option style="background-color: #dedcd8" value="#dedcd8">深灰</option>              <option style="background-color: #d8d7d7" value="#d8d7d7">暗灰</option>              <option style="background-color: #e6fae4" value="#e6fae4">绿色</option>              <option style="background-color: #f9fbdd" value="#f9fbdd">明黄</option>                   </select>   字体颜色<select name="txtcolor" id="txtcolor" onchange="javascript:document.getElementById('ChapterContents').style.color=this.options[this.selectedIndex].value;">   <option value="#000000">黑色</option>              <option value="#ff0000">红色</option>              <option value="#006600">绿色</option>              <option value="#0000ff">蓝色</option>              <option value="#660000">棕色</option>   </select>              字体大小<select name="fonttype" id="fonttype" onchange="javascript:document.getElementById('ChapterContents').style.fontSize=this.options[this.selectedIndex].value;">   <option value="16px">小号</option>   <option value="18px">较小</option>   <option value="20px">中号</option>   <option value="22px">较大</option>   <option value="24px">大号</option>   </select>            鼠标双击滚屏<input name="scrollspeed" id="scrollspeed" onchange="javascript:setSpeed();" size="2" value="5">            (1-10,1最慢,10最快)        <input name="saveset" id="saveset" onclick="javascript:saveSet();" type="button" value="保存设置"><br><br></ul></div>

JS代码:

document.write('背景颜色<select name=bcolor id=bcolor onchange="javascript:document.getElementById(\'ChapterContents\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'chapter_title_924915\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'yueduye\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'ChapterContent924915\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'yanse\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'chapter_numbers_924835\').style.backgroundColor=this.options[this.selectedIndex].value;document.getElementById(\'chapter_bd_924915\').style.backgroundColor=this.options[this.selectedIndex].value;">			  <option style="background-color: #f6f6f6" value="#f6f6f6">默认</option>			  <option style="background-color: #ffffff" value="#ffffff">白色</option>              <option style="background-color: #e3e8f7" value="#e3e8f7">淡蓝</option>			  <option style="background-color: #daebfc" value="#daebfc">蓝色</option>              <option style="background-color: #ebeaea" value="#ebeaea">淡灰</option>              <option style="background-color: #e7e3e6" value="#e7e3e6">灰色</option>              <option style="background-color: #dedcd8" value="#dedcd8">深灰</option>              <option style="background-color: #d8d7d7" value="#d8d7d7">暗灰</option>              <option style="background-color: #e6fae4" value="#e6fae4">绿色</option>              <option style="background-color: #f9fbdd" value="#f9fbdd">明黄</option>                   </select>			  字体颜色<select name=txtcolor id=txtcolor onchange="javascript:document.getElementById(\'ChapterContents\').style.color=this.options[this.selectedIndex].value;"> 			  <option value="#000000">黑色</option>              <option value="#ff0000">红色</option>              <option value="#006600">绿色</option>              <option value="#0000ff">蓝色</option>              <option value="#660000">棕色</option>			  </select>              字体大小<select name=fonttype id=fonttype onchange="javascript:document.getElementById(\'ChapterContents\').style.fontSize=this.options[this.selectedIndex].value;"> 			  <option value="16px" >小号</option> 			  <option value="18px" >较小</option> 			  <option value="20px" >中号</option>			  <option value="22px" >较大</option>			  <option value="24px" >大号</option>			  </select>            鼠标双击滚屏<input name=scrollspeed id=scrollspeed onchange="javascript:setSpeed();" size=2 value=5>            (1-10,1最慢,10最快)        <input name=saveset id=saveset onclick="javascript:saveSet();" type=button value=保存设置><br /><br />');


打赏

评论

暂时关闭,稍后恢复~
文档请看10遍以上!有问题可加QQ群!
发表话题

源素材推荐

提问必知

0.话题发布后没及时显示,请联系官方QQ群管理;
1.话题支持代码,qq截屏直接粘贴,和QQ群一样;
2.问题描述清,比如服务器版本,程序版本;
3.能上代码,就不用文字;
4.把问题发到话题后再发QQ群;
5.如果感觉回复者解答的不错,可以发红包!
6.多帮助别人也是对自己的锻炼!
7.付费讨论中只有提问者和付费用户才可以查看回复

积分规则

1.评论积分+1;每天最多10次奖励
2.发布话题积分+1;每天最多5次奖励
3.垃圾评论积分-500;
4.黄色,暴力,违反我国法律评论直接封号


ThinkCMF 8.0.0发布啦!祝大家节日快乐! 立即体验!