字号: - o +

文章内容页随机小字段效果

2012-10-22 前端开发 2人评论 10,118次浏览   

子曰:和你一同笑过的人,你可能把他忘掉;但是和你一同哭过的人,你却永远不忘 o(∩_∩)o
WopusIDC优惠码:W3Cshare, 点击获取, 或者提交订单时手动输入

今天没什么内容可写的,就写写下午浏览当前前端的博客时,看到他的文章内容页有一段“子曰:…”,每刷新一下页面都会替换为其他文字,于是乎自己琢磨着也想在自己的W3Cshare前端分享博客里面实现这个功能,这也是这篇文章的主题啦,我就查看了一下他的源代码,发现就一小段代码:

从他的代码中可以看出,其实他是写了一个php文件调用的,这个文件就是saying.php,我也照着新建了一个saying文件,可这时有个问题,就是内容该怎么写,我看着他的代码,不停的思考,也不停在刷新页面,看变化的效果,…,得到一个结论,就是这应该是随机产生的一小段文字,用随机函数应该可以实现,我和游手好闲交流了一下,他建议的方法是:

建个数组,存这些文字,再做个随机数的函数,然后产生的随机数匹配数组的值,输出

我尝试着看能不能实现,

var max = array.length; // 获得array数组的长度
var index = Math.round(Math.random() * max); // 生成0~array数组长度之间的随机数(包括0,不包括max)
return array[index];

这段代码出来,我想大事可成了,于是编辑了一下,保存,到前台刷新文章,看一下效果。。。。。悲剧发生了,出错,究竟问题出在哪里,我大概分析了一下,原来问题出在本身的文件上,我建的是php文件,按道理js的输出是可以转化成php输出的,但是过程相当复杂,以后有时间再尝试一下吧,有谁已经知道怎么搞的,也可以贴出来大家分享一下,我还是用php的函数吧!

长话短说,直接贴出来了,你懂的~

<div class="saying"><strong>子曰:</strong><?php $saying = array(0=>"天生我才必有用,千金散尽还复来 o(∩_∩)o",1=>"该睡觉就别学习,该学习就别游戏,该游戏就别被虐 o(∩_∩)o",2=>"学如驾车登山,不进就退;学如逆水行舟,不进则退 o(∩_∩)o",3=>"不要因为小小的争执,远离了你至亲的好友,也不要因为小小的恐惧(怨恨),忘记了别人的大恩 o(∩_∩)o",4=>"不懂装懂,永世饭桶 o(∩_∩)o",5=>"能为别人设想的人,永远不寂寞 o(∩_∩)o",6=>"
寻找本身就是一种幸福 o(∩_∩)o",7=>"把希望建筑在意欲和心愿上面的人们,二十次中有十九次都会失望 o(∩_∩)o",8=>"和你一同笑过的人,你可能把他忘掉;但是和你一同哭过的人,你却永远不忘 o(∩_∩)o",9=>"天行健,君子以自强不息;地势坤,君子以厚德载物 o(∩_∩)o",10=>"一个人如果不能从内心去原谅别人,那他就永远不会心安理得 o(∩_∩)o"); $rndsaying = array_rand($saying); echo $saying[$rndsaying]; ?></div>

有兴趣的童鞋们,可以自己尝试一下这个效果o(∩_∩)o,效果见文章顶部“子曰:…”

本文作者:两千年的孤寂

2014年的目标:1、入手kp2,多看几本书。2、至少旅游一次。3、带公司走上正轨。少说话,多做事!我不是最好的,但我要做最努力的...... 本站主题交流群:465295619,不闲聊!以后你会知道它的重要性!你懂的~

继续查看有关 的文章

本文密切相关的文章

网友评论1条 ,博主回复1

  1. 写到js文件里也行啊

    游手好弦10-23 02:05 回复
    • 调用是可以的,直接在php里面编辑需要转换才行,有空我试一下 😈

发表我的评论

*

*

取消