js实现的网站首页随机公告随机公告

首页随机公告随机公告

default.html中搜索：
<div id="blogfrm"><!--日志版块框架-->这里插入代码<div class="post cate14 auth6">

<div class="pop1"><img src="http://www.j-mj.cn/IMAGE/tip/tip.gif" hspace="5" /><img src="http://www.j-mj.cn/IMAGE/tip/blank.gif" class="blank" /><script Language="JavaScript">
    tips = new Array(7);
    tips[0] = "痛苦来临时，不要总问：“为什么偏偏是我？”           ----快乐降临时，你从没问过这个问题";
    tips[1] = "衡课颐鞘欠窀蛔愕姆椒ǎ鞘ヒ磺星坪螅颐腔故Ｏ率裁础?nbsp;                ----西方哲学";
    tips[2] = "不在于你能否找到一个理想的伴侣，而在于你能否做一个理想的伴侣。       ----美满婚姻的秘密";
    tips[3] = "富丽堂皇的婚礼，可能是一种交易；朴实无华的婚礼，往往有真正的爱情。   ----贫贱夫妻情更浓";
    tips[4] = "说最想说的话，干最想干的事，爱最想爱的人。                               ----真正的活法";
    tips[5] = "有人总是感叹找不到爱情，究其原因却是，自己那颗爱人的心长满了青苔。  ----要人爱先学会爱人";
    tips[6] = "让自己的技术在更多人面前展示，并给他(她)们带方便和愉悦！  ----技术员的最大理想";

index = Math.floor(Math.random() * tips.length);
    document.write(tips[index]);
</script></a>
</div>
CSS文件中加入，这个就不用说了，可以自己改成自己喜欢的样式
.pop1 { background-color:#FFFF00; border:1px solid #CBDFE9; color:#247CAB; text-align:left;
height:15px; line-height:15px; position:relative; margin-bottom:10px;}
.pop1 .blank { height:15px; width:0; }
按理上来说是通用的~当然我没用每个程序都测试一下~

赞 (0)

相关推荐

  • js实现的网站首页随机公告随机公告

    首页随机公告随机公告 default.html中搜索: <div id="blogfrm"><!--日志版块框架-->这里插入代码<div class="post cate14 auth6"> <div class="pop1"><img src="http://www.j-mj.cn/IMAGE/tip/tip.gif" hspace="5" />

  • js制作网站首页图片轮播特效代码

    本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style> .warp{ width: 600px; height: 750px; position: relative;

  • 惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样

    惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样 ////////////////// 惊云JS随机排序程序 ////////////////// // 程式编写: 惊云 个人主页:百万网址www.65658.com] // // 请你尊重作者的劳动,不要修改以上版权说明,谢谢!! // //////////////////////////////////////////////////////// theAds=new Array(); //////// 广告数 shu = 8 //

  • JS简单生成由字母数字组合随机字符串示例

    JS简单生成由字母数字组合随机字符串示例

    本文实例讲述了JS简单生成由字母数字组合随机字符串.分享给大家供大家参考,具体如下: 前言 最近有个需求,是需要生成3-32位长度的字母数字组合的随机字符串,另一个是生成43位随机字符串. 方法一 奇妙的写法 Math.random().toString(36).substr(2); 输出结果 解释 很有意思,研究了一下,基本上toString后的参数规定可以是2-36之间的任意整数,不写的话默认是10(也就是十进制),此时返回的值就是那个随机数. 若是偶数,返回的数值字符串都是短的,若是奇数,

  • Vue mock.js模拟数据实现首页导航与左侧菜单功能

    目录 一.mock.js的使用 mock.js的使用步骤 1.安装mock依赖 2.添加开发环境及生产环境的配置 3.引入到main.js 二.前台主页面的搭建 2.1 准备相关组件 2.2 配置路由与组件的关系 2.3 导入图片 2.4 测试 三.左侧菜单的收缩功能 3.1 定义一个总线 3.2 改变收缩图标的样式 四.退出功能 4.1 添加点击方法 4.2 测试 一.mock.js的使用 mock.js的使用步骤 ① 下载依赖 npm install mock -d(开发环境使用) ② 引入

  • JS实现仿雅虎首页快捷登录入口及导航模块效果

    JS实现仿雅虎首页快捷登录入口及导航模块效果

    本文实例讲述了JS实现仿雅虎首页快捷登录入口及导航模块效果.分享给大家供大家参考.具体如下: 这是一款JS实现仿雅虎首页网站快捷入口导航模块的代码,里面有用户登录框,这个大家或许会用上吧,放到你网站着页作为用户登录也挺行. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-yahoo-index-login-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

  • Vue3（三）网站首页布局开发

    Vue3（三）网站首页布局开发

    目录 一.前言 二.实际案例 1.修改App.vue 2.调整布局 3.修改路由实现跳转 三.最后 一.前言 上篇文章Vue3集成Ant Design Vue已经提到集成Ant Design Vue后,和Element Ui一样,还是组件的使用,然后就是复制粘贴改了. 二.实际案例 先搞个布局布局看看,也就是我们说的layout,如下图: 不在Home中修改,因为什么,每个页面都有头部和底部,写起来较麻烦,而变化动态的部分放在Home里面维护即可. 1.修改App.vue 先忽略路由问题,在Ap

  • JS实现探测网站链接的方法【测试可用】

    本文实例讲述了JS实现探测网站链接的方法.分享给大家供大家参考,具体如下: 如果想通过程序探测一个网站链接是否存在,可以通过服务器端高级语言编程实现,其实客户端的JavaScript也是可以探测的,下面通过一个技巧来探测网站链接. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q

  • 利用js读取动态网站从服务器端返回的数据

    在html中利用js读取动态网站从服务器端返回的数据进行显示 1.js.html 页面 需要引入 执行jquery的js文件 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator"

  • JS仿iGoogle自定义首页模块拖拽特效的方法

    本文实例讲述了JS仿iGoogle自定义首页模块拖拽特效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

随机推荐