`
raymond.chen
  • 浏览: 1433549 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

滚动式新闻或图文内容展示插件:easynew plus

 
阅读更多

1、js源码

jQuery(document).ready(function(){
	//firstname 包含新闻的容器id
	//secondname 显示新闻的容器id
	//thirdname 显示新闻标题的容器id
	//fourthname 显示导航图片的目标容器id
	//imagedir 导航图片根路径
	//disablenewscount 禁止显示新闻数量
	var newsoption = {
	  firstname: "mynews",
	  secondname: "showhere",
	  thirdname:"news_display",
	  fourthname:"news_button",
	  imagedir: "images/easynewsplus/",
	  disablenewscount: true,
	  nexttitle: "下一篇: ",
	  prevtitle: "",
	  isauto: 1
	}
	jQuery.init_plus(newsoption);
	
	var myoffset = jQuery('#news_button').offset();
	var mytop = myoffset.top-1;
	jQuery('#news_button').css({top:mytop});
});

 

2、html源码

<div align=left id=mynewsdis>
	<div class=news_border>
		<div id=showhere class=news_show></div>
	</div>
	<div class=buttondiv id=news_button>
		<img src="images/easynewsplus/prev.gif" align="absmiddle" id=news_prev>
		<img src="images/easynewsplus/pause.gif" align="absmiddle" id=news_pause>
		<img src="images/easynewsplus/next.gif" align="absmiddle" id=news_next >
	</div>
	<div class=news_mark>
		<div id=news_display class=news_title></div>
	</div>
</div>

<div id=mynews>
	<div id=news1 class=news_style rel="重庆:拥护中央决定衷心欢迎张德" >
		<table class=mytable><tr><td>重庆:拥护中央决定衷心欢迎张德</td></tr></table>
	</div>
	
	<div id=news2 class=news_style rel="坚决清除党内变质腐分子">
		<table class=mytable><tr><td>坚决清除党内变质腐分子</td></tr></table>
	</div>

	<div id=news3 class=news_style rel="重庆卫视称暂无广告招商计划">		
		<table class=mytable><tr><td>重庆卫视称暂无广告招商计划</td></tr></table>
	</div>

	<div id=news4 class=news_style rel="美称朝鲜如发射卫星将取消粮食援助">
		<table class=mytable><tr><td>美称朝鲜如发射卫星将取消粮食援助</td></tr></table>	
	</div>
</div>

  

 

  • 大小: 13.9 KB
分享到:
评论

相关推荐

    jquery+div实现同时滑动切换的图文展示特效插件下载.rar

    在这个插件中,每个图文展示项通常会封装在一个div中,通过CSS样式进行定位和美化,然后通过jQuery的动画函数实现滑动效果。 实现滑动切换特效的基本步骤如下: 1. **HTML结构**:设置多个div,每个div包含一组...

    图文左右滚动插件特效代码

    图文左右滚动插件广泛应用于新闻资讯、产品展示、轮播图等多个场景。例如,网站的最新消息区可以采用这种效果,让用户轻松浏览多条信息;电商网站的产品展示也可以利用此功能,让顾客滚动查看商品。 总结,图文左右...

    jQuery新闻滚动插件Newstickerpro

    Newstickerpro是基于jQuery的一个强大且灵活的新闻滚动插件,特别适用于创建吸引用户的实时更新展示区,如网站头条、公告或滚动新闻条。 该插件的主要功能和特点包括: 1. **自定义样式**:Newstickerpro允许...

    滚动条插件

    总的来说,滚动条插件是提升网页设计品质的重要工具之一,它使得滚动条不再仅仅是浏览内容的辅助工具,而是成为网站设计中不可或缺的一部分。通过合理利用这些插件,开发者可以创建出更符合品牌形象,且用户体验优秀...

    图片滚动插件:jcarousellite

    这个插件适用于那些希望在网站上展示多张图片而有限制空间的情况,通过自动或手动滚动,用户可以浏览到更多的内容。 描述中虽然没有提供具体信息,但根据标题,我们可以推断jcarousellite主要用于实现图片的动态...

    jQuery横向和纵向内容滚动插件Sly

    **jQuery横向和纵向内容滚动插件Sly** 在网页设计中,内容滚动是一种常见的交互方式,它可以提升用户体验,尤其在处理大量信息时。jQuery作为一款强大的JavaScript库,提供了丰富的插件来实现各种滚动效果。其中,...

    jQuery 新闻 展示插件

    这个插件利用JavaScript库jQuery的强大功能,为用户提供一个简洁、高效的新闻滚动或切换效果,使得网站上的新闻更新更加吸引人,提高用户体验。 在源码中,我们可以看到以下几个关键元素: 1. 图片文件(news4.gif...

    discuz论坛插件DZ插件 仿新浪底部图文推荐

    4. 动态加载:为了不影响页面的加载速度,插件可能采用延迟加载或按需加载技术,当用户滚动到页面底部时才加载推荐内容。 5. 管理后台:提供一个管理界面,让管理员可以方便地添加、编辑和删除推荐内容,调整展示...

    响应式全屏滚动式jQuery图片画廊插件

    2. **全屏滚动**:插件将图片展示在整个浏览器窗口的全屏范围内,创造出沉浸式的浏览体验。这通常通过设置CSS的`height: 100vh;`属性来实现,使内容高度等于视口高度。 3. **图片切换**:用户可以通过滚动鼠标滚轮...

    lb插件之滚动新闻

    标题中的“lb插件之滚动新闻”指的是一个用于论坛的滚动新闻插件,它能够实现在论坛页面上动态展示新闻更新的功能。这类插件通常是为了提高用户体验,让用户在浏览论坛时能够即时获取到最新的资讯信息,无需频繁刷新...

    横向jQuery内容滚动插件Sly

    **横向jQuery内容滚动插件Sly详解** 在网页设计中,动态内容滚动是一种常见的交互方式,它可以提升用户体验,使得大量信息能够以优雅的方式呈现。jQuery作为JavaScript库的翘楚,提供了丰富的插件来实现各种滚动...

    jQuery适合移动手机使用的响应式滚动新闻插件.zip

    jQuery适合移动手机使用的响应式滚动新闻插件Responsive-Ticker是一款适合移动手机使用的响应式jQuery滚动新闻插件。该插件通过简单的设置HTML代码即可生成全屏响应式的滚动新闻效果,它可以在移动手机和桌面设备上...

    jQuery Bootstrap响应式新闻列表文字上下滚动特效

    标题中的“jQuery Bootstrap响应式新闻列表文字上下滚动特效”指的是使用jQuery库和Bootstrap框架来创建一个适应不同设备屏幕尺寸的新闻列表,同时实现文字的上下滚动效果。这种特效常见于网站的新闻或更新部分,...

    无缝循环滚动插件

    无缝循环滚动插件是一种网页动态效果技术,常用于展示新闻、产品列表或轮播图等,为用户提供连续不间断的浏览体验。基于jQuery实现的此类插件利用了jQuery库的强大功能和简洁API,使得开发者能够轻松地创建出平滑、...

    jQuery插件:Tiny Scrollbar滚动条插件(滚动条美化、默认滚动条)

    在博客文章中,作者可能展示了如何将Tiny Scrollbar应用到一个有固定高度的长内容容器中,以实现美观的滚动效果。这通常适用于新闻列表、评论区等需要滚动的场景。 10. **维护与更新** Tiny Scrollbar作为一个...

    Newsticker-兼容IE8的jQuery滚动新闻插件

    在网页设计中,新闻滚动条是一种常见的元素,用于展示最新的资讯或更新。`jquery-newsticker`是专为此目的设计的一个高效、易用的jQuery插件,它允许开发者在网站上创建具有吸引力的新闻滚动效果。此插件不仅功能...

    垂直滚动新闻效果jquery插件.rar

    本主题涉及的是使用jQuery实现的一种垂直滚动新闻效果,这在网站设计中常见于展示实时更新的内容,如新闻、公告或最新产品等。通过这种效果,用户无需手动翻页,只需静观其变,信息就会自动滑过屏幕,提供流畅的阅读...

Global site tag (gtag.js) - Google Analytics