html中手机打开页面刷新一下闪一下字变大了是怎么回事?

html中手机打开页面刷新一下闪一下字变大了是怎么回事?,第1张

首先说放大缩小字体,直接用js调整字体大小就可以了。

要实现刷新后依然显示之前缩放的大小,那就需要让浏览器记住之前的设置,把字体大小存到cookies中,打开网页再从cookies读取。

给你一段写好的供参考,先引入jquery.cookie.js

12345678910111213141516171819202122232425

var myContent = $('#intro, .article-content, .article-content p') var fSize = parseInt($.cookie("fontSize") ? $.cookie("fontSize") : parseFloat(myContent.css('fontSize'), 10)) var cDomain = document.location.hostname.match(/[a-z0-9][a-z0-9\-]+\.[a-z\.]{2,6}$/i) var options = {path: '/',domain: cDomain,expires: 30} if(fSize){myContent.css({'font-size': fSize + 'px'}) $.cookie("fontSize", fSize, options) }btnFont.click(function(){$(this).addClass('on').siblings().removeClass('on') var cID = $(this).attr("id") if(cID=="btn-font-plus"){if(fSize>=20) return fSize += 2 }else if(cID=="btn-font-reduce"){if(fSize<=12) return fSize -= 2 } myContent.css({fontSize: fSize}) $.cookie("fontSize", fSize, options) })

javasript代码

<divid="blink">闪烁的文字</div>

<scriptlanguage="javascript">

functionchangeColor(){

varcolor="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"

color=color.split("|")

document.getElementById("blink").style.color=color[parseInt(Math.random()*color.length)]

}

setInterval("changeColor()",200)

</script>

css代码就是文字闪烁text-decoration:blink不过很可惜,IE、Chrome或Safari不支持"blink"属性值,所以只有在Firefox和Opera下支持这CSS实现在闪动效果。加上js代码就可以了。

<div id="blink">文字</div>//●这一行是肉眼可见的div对象(★名字叫blink★),在浏览器中显示2个汉字

<script language="javascript">//这一组<script......./script>是java程序,后台运行的

function changeColor()//这里{.......}花括号定义了一个名叫changeColor变色的函数

{

var color="yellow|green|blue|gray|pink"//在内存变量color里定义5种颜色

color=color.split("|")//定义数组5个元素分别放置5种颜色

//下面这一行是把名★叫blink的对象★的color属性随机改成5种颜色的一种

document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]

}

setInterval("changeColor()",200)//●设置一个定时器,每200毫秒调用一次变色函数

</script>

程序运行顺序是●●


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7383621.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存