绝对经典的滑轮新闻显示(javascript+css)实现

绝对经典的滑轮新闻显示(javascript+css)
很早就有了,今天又见到,拿出来大家分享一下。。。

效果如下图:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/upload/200732110349437.jpg');}" alt="" src="http://zsrimg.ikafan.com/upload/200732110349437.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

绝对经典的滑轮新闻显示(javascript+css)

新闻排行

国内

国际

社会

网评

新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河

最高法:承诺不判赖昌星死刑没有超越法律程序

物权法:满70年住宅建设用地使用权将自动续期

弟弟被妻下药毒死男子买女尸为其配阴婚(图)

揭开郑州神枪手神秘面纱 头号狙击手是近视眼

美军高官:不排除和中国发生直接军事对抗可能

浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕

西方炒作"中国航母威胁论"称05年已正式服役

女孩生活无法自理请人大代表递交安乐死议案

建设部:住房公积金制度将覆盖农民工

...more

美华裔女兵在营房上吊死亡军方介入调查(图)

组图:美国总统布什车队被撞

梦露掌握肯尼迪之弟秘密遭诱骗自杀(组图)

孟加拉国严打贪官人人自危奔驰宝马抛弃路边

韩国将举行大规模军事演习(图文)

组图:土星最大卫星表面发现"海洋"

墨西哥缉毒行动缴获2亿美元巨额现钞(组图)

组图:全球掀起裸体抗议加拿大捕猎海豹活动

美潜艇在百慕大失踪一晚航母战群出动搜索

匈牙利20万人示威 政要被民众扔鸡蛋(组图)

...more

深圳女工被三名男子轮奸男友目睹过程(组图)

男子珍藏一角钱"币王"价格高达1.3万(图)

青海女孩被困洗头房每天接客十几次(图)

组图:老妻少夫演绎忘年恋69岁妻子成功除皱

陕西蓝田县电视台播放淫秽影像 达10分钟左右

女子自称被大学教授诱骗同居讨要分手费(图)

组图:男女私处成造型"性"趣礼品太出格

组图:四川泸州16岁女孩打造中国第一丑女

最高法:承诺不判赖昌星死刑没有超越法律程序

深圳发现睾丸被摘男童尸体续:疑为1月前失踪

...more

养路费征稽员强制扣车致三轮车夫惨死车轮下

20多位学者谈中医问题 方舟子遭多名专家批驳

考研女生自称揭露监考老师作弊 成绩被判零分

全国政协委员建议一户一房制引起网民热议

河南周口市6名警察将人打昏后扔下楼摔死

组图:69岁老妻除皱成功 与少夫开始新生活

青海女孩被困洗头房每天接客十几次(图)

美上将:解放军不是美军对手 导弹打不垮台湾

新疆阜康铁路桥梁坍塌导致运煤列车脱轨

铁道部回应吴敬琏质疑:春运不涨价将长期坚持

...more

var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');
var len=Tags.length;
var flag=1;//修改默认值
for(i=1;i

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

下载此文件

(0)

相关推荐

  • 绝对经典的滑轮新闻显示(javascript+css)实现

    绝对经典的滑轮新闻显示(javascript+css)很早就有了,今天又见到,拿出来大家分享一下... 效果如下图:screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this

  • javascript+css 新闻显示tab 选项卡效果

    我们_新闻显示选项卡效果(javascript+css) 新闻排行 国内 国际 社会 网评 新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河 最高法:承诺不判赖昌星死刑没有超越法律程序 物权法:满70年住宅建设用地使用权将自动续期 弟弟被妻下药毒死男子买女尸为其配阴婚(图) 揭开郑州神枪手神秘面纱 头号狙击手是近视眼 美军高官:不排除和中国发生直接军事对抗可能 浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕 西方炒作"中国航母威胁论"称05年已正式服役 女孩生活无法自理请人大代表递交安乐死议案 建

  • 原生javascript+CSS实现轮播图效果

    本文实例为大家分享了javascript+CSS实现轮播图效果的具体代码,供大家参考,具体内容如下 1.html <ul id="banner" ></ul> 2.css ul{ list-style:none; position: absolute; padding: 0; left: 0; right: 0; bottom: 0; top:0; margin:auto; width: 800px; height:200px; } 3.js //生成轮播图 e

  • JavaScript+CSS相册特效实例代码

    嗯 就是这样一个例子,视频学到的一个特效,实际用处并不大,但是可以帮助理解JS语言和熟悉CSS3样式. 设计: 观察一张图片的变化,发现: 1.图片缩放(随机,并且不是同时运动) 1.从大到小 2.从小到大,透明度从1到0(在第一步运动完成后立马开始) 2.图片旋转(随机,并且不是同时运动的.需要在全部运动走完以后开始) 3. 因为每张图片是随机开始变换的,所以起始时间是不同的,这里可设置一个延迟器setTimeout,时间用random随机生成即可. 4. 中间需要用到自执行函数,因为setT

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

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

  • JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

    本文实例讲述了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果.分享给大家供大家参考.具体如下: 这里演示JavaScript+CSS仿Mootools竖排黑色动画菜单,并非使用了Mootools,但效果却和使用了Mootools差不多,动画效果平滑,操作舒服,给菜单增色不少. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-mootools-style-demo/ 具体代码如下: <!DOCTYPE html

  • JavaScript+CSS实现仿天猫侧边网页菜单效果

    本文实例讲述了JavaScript+CSS实现仿天猫侧边网页菜单效果.分享给大家供大家参考.具体如下: 这是一款自己写的仿天猫的菜单效果,二级分类的功能已经实现,但没有美化,留着用的朋友自己完善吧,JS功能已经实现,鼠标移在主分类上,二级分类向右伸出展开,目前淘宝网.天猫购物.京东都在用的导航菜单特效,测试时候请先点击一下菜单,主菜单就显示出来了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-ftamil-web-menu-st

  • JavaScript+CSS实现的可折叠二级菜单实例

    本文实例讲述了JavaScript+CSS实现的可折叠二级菜单.分享给大家供大家参考,具体如下: .aspx文件: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT

  • 动态载入/删除/更新外部 JavaScript/Css 文件的代码

    动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在<head>标签里面进行添加: 复制代码 代码如下: <head> <script type="text/javascript" src="myscript.js"></script> <link rel="stylesheet" type="te

  • 关于query Javascript CSS Selector engine

    query是一个javascript css selector engine,小巧而功能强大,压缩后2k左右,可以很轻松的集成到代码当中.支持浏览器 IE6+.Firefox.Chrome.Safari.Opera 选择器query(selector[,context])    div    #intro    div#intro                        .red                    span.red    [name]     [name=keyword

随机推荐