学做网站培训课程介绍

当前位置:

网站文字字号“大、中、小”调节代码

很多网站在文章页面上都有调节“大、中、小”字号的功能,可以让用户自由的调整文章字体大小,无疑是增加了用户体验度,那这个小功能是怎么实现的呢?

网站添加用户切换字体大小功能(适用wordpress,dedecms)

下面学做网站论坛就分享一下如何在自已建网站时制作出调节“大、中、小”功能的按钮的二种方法。

方法一网站添加用户切换字体大小功能,亲测有效噢!

方法二:使用JS代码来控制文字大小。方法如下:

  1. 首先找到wordpress主题文件single.php,这个是用来控制网站每篇文章的显示的哦。【如果你对wordpress模板不了解,先学习一下wordpress模板制作教程
  2. 然后在文件中适当的位置添加按钮代码,比如你可以像腾讯新闻一样,放在每篇文章标题的下面。
    
    
    <div><a href="”javascript:doZoom(16)”"></a> <a href="”javascript:doZoom(18)”"></a> <a href="”javascript:doZoom(24)”"></a></div>
  3. 其次,只这样是不够的,还需要一些脚本驱动代码实现效果,还是在同一个文件下,找一个适合的位置添加以下js代码:(一般放在</body>标签上方。)
    
    
    <script type="”text/javascript”">// <![CDATA[
    function doZoom(size) { var zoom = document.all ? document.all[‘entry’] : document.getElementById(‘entry’); zoom.style.fontSize = size + ‘px'; }
    // ]]></script>
  4. 好了,现在上传文件覆盖点击查看效果吧。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • 很多网站在文章页面上都有调节“大、中、小”字号的功能,可以让用户自由的调整文章字体大小,无疑是增加了用户体验度,那这个小功能是怎么实现的呢?
  • 中小企业都想制作一个网站,怎么在短时间内快速帮助中小企业制作网站呢?这也是很中小企业老板都在考虑的问题。讲到如何快速制作网站,很多建网站
  • 说起中小学作文网站,很多人并不陌生。很多学生在写作业时,都会在网上查询过学生作文网站。网站上有各种类型的作文,各种题材的作文供用户参考。这就
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实