流行的图片新闻幻灯片播放控件代码

打造专业级图片幻灯片播放效果实战指南 ❮ 阅读详情
点击这里使用RSS订阅本Blog: rel="alternate" href="http://feed.feedsky.com/softwave" type="application/rss+xml" title="RSS 2.0" />

类似sina(新浪网)上的flash图片怎么弄的?http://sports.sina.com.cn/上方左面的图片变化效果。
最近看到各大门户站例如新浪体育,都有一个幻灯片特效,而且不是简单的JS特效,是FLASH和JS结合而成的觉得非常不错,今天在IT世界的原代码中查看了一下,特此发布!觉得好的话,直接把代码复制就可以实现了,注意把代码里面的图片连接地址换成你自己喜欢的图片,还有图片大小要定义成你用的图片的大小,代码不难,相信懂html语言的完全可以理解,我以前也做过这样的效果,推荐这个flash和js综合做的效果。

< a  target =_self  href ="javascript:goUrl()" >  
                    
< span  class ="f14b" >
                    
< script  type ="text/javascript" >
imgUrl1
="http://www.webjx.com/img/200406301.jpg";
imgtext1
="网页教学网制作素材"
imgLink1
=escape("http://www.webjx.com/htmldata/sort/8.html");
imgUrl2
="http://www.webjx.com/img/200406302.jpg";
imgtext2
="网页教学网网页制作专区"
imgLink2
=escape("http://www.webjx.com/htmldata/sort/3.html");
imgUrl3
="http://www.webjx.com/img/200406303.jpg";
imgtext3
="网页教学网网页特效专区"
imgLink3
=escape("http://www.webjx.com/htmldata/sort/5.html");
imgUrl4
="http://www.webjx.com/img/200406304.jpg";
imgtext4
="网页教学网视频教程"
imgLink4
=escape("http://www.webjx.com/htmldata/sort/15.html");
imgUrl5
="http://www.webjx.com/img/200406305.jpg";
imgtext5
="网页教学网网页制作书籍"
imgLink5
=escape("http://www.webjx.com/htmldata/sort/7.html");

 
var focus_width=280
 
var focus_height=158
 
var text_height=18
 
var swf_height = focus_height+text_height
 
 
var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
 
var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
 
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
 
 document.write(
'<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
 document.write(
'<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
 document.write(
'<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write(
'<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
 document.write(
'<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');  document.write('</object>');
 

 
</ script >
                    
</ span ></ a >< span  id =focustext  class =f14b >   </ span >
需要下载一个FLASH: http://www.webjx.com/js/focus.swf

参考资料:
http://www.webjx.com/htmldata/sort/52.html
http://www.webjx.com/htmldata/2005-10-01/1128143647.html

<script type="text/javascript" src="http://www.google.com/reader/ui/publis<script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=grc_p(%7bc%3a%22green%22%2ct%3a%22%5cu8fd9%5cu4e9b%5cu6587%5cu7ae0%5cu4e5f%5cu503c%5cu5f97%5cu4e00%5cu770b%22%2cs%3a%22false%22%7d)%3bnew%20grc"></script>se%22%7D)%3Bnew%20GRC">

全屏自适应jQuery幻灯片插件KinMaxShow详解 jQuery作为前端开发中最具代表性的JavaScript库之一,极大地简化了HTML文档的遍历、事件处理、动画效果和异步请求等操作。其核心设计理念是“Write Less, Do More”,通过简洁的API封装了复杂的原生JavaScript操作,使开发者能够高效地构建交互式网页应用。本章将从jQuery的基本语法结构入手,逐步深入讲解其事件绑定机制、DOM操作方式以及动画控制逻辑,并重点剖析jQuery插件的工作机制,包括插件的定义格式、调用方式以及通过$.extend。 阅读详情

相关推荐

经典风格新闻图片幻灯片JS特效代码.rar

经典风格新闻图片幻灯片JS特效代码,下边4张小图片,上边显示大图片,切换时候鼠标轻点缩略图即可。测试注意:请不要直接双击打开html文件,要在WEB服务器环境下测试才行,比如ASP/PHP服务器上,用地址输入测试。

JQuery轻松实现新闻幻灯片!

    技术不在于知道,而在于使用! 把简单的知识融合起来,再加上自己的一点点想法,这就是做技术的人所必须的职业精神! 废话少说,进入今天的主题——JQuery实现新闻幻灯片切换效果! 准备工作:1.jquery.js2.五张300*180px的图片,分别命名为:news1.jpg, news2.jpg ...  ... 本实例的目录如下: |— j

做最亮的星星 2865

js门户网站新闻图片幻灯片切换效果

js门户网站新闻图片幻灯片切换效果

一个新闻的简单页面制作(纯代码)

【代码】一个新闻的简单页面制作(纯代码)

2303_79294020的博客 2148

6个可以修改的js+Css+div+html的超漂亮新闻幻灯片,图片轮换播放代码

6个可以修改的js+Css+div+html的超漂亮新闻幻灯片,图片轮换播放代码 超漂亮 我常用的 宽高都可以修改,都没有flash,纯js+html的 大家可以下个看看

浏览图片,实现幻灯片自动播放

浏览图片,如果是幻灯片式的自动播放的话要加个Timer控件,设好时间间隔,在Timer1_Timer()编代码让程序定时自动改变显示的图片就行了。

ASP实例:幻灯片新闻代码

以下为引用的内容: 幻灯片新闻只要调用下面这个文件就可以了这是一个文件名为:diaoyong.asp的文件flash文件在符件里面-->幻灯片新闻Db="../webjx_Data/webjx_Data.Asp"Set conn = Server.CreateObject("ADODB.Connection")Connstr="Provider=Microsoft.Jet.OLEDB.4

黑鹰 829

新闻网页幻灯片代码下载

新网页幻灯片代码,新网页幻灯片代码,新网页幻灯片代码!

超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类

Farbtastic Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。FarbtasticjQuery Color Picker 21世纪开运网在线排盘星座就成功运用这些技巧,www.21kaiyun.com一个简单的颜色选择控件。操作方式与Adobe Photosho...

aome1470的博客 283

简单常用的幻灯片播放实现代码

幻灯片自动播放图片是当前网站比较流行的一个展示方式。在网上我们能找到各种特效丰富的幻灯片插件和代码。这里项目需要,我自己做了一个简单的,就不详细讲解了,代码很简单。直接看效果图和代码吧。  所有代码 ppt.html,需要提供相应图片才能显示: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; c

工程师职级胜任力框架

一、前言 尽管这些年国内的IT行业发展迅速,但是仍然欠缺一套比较综合性的面向工程师的职级胜任力框架,造成国内很多工程师大都一心只想成为技术大牛,而忽视了自己全方位的工程师职业素养和能力的培养。 最近我有幸读到了Circle CI公司分享的工程胜任力矩阵,发现这份文档就是一份比较贴合互联网研发型企业的工程师职级胜任力框架,于是我在它的基础上,重新整理出了一份更适合国内工程师阅读的《工程师职级胜任力框架》,并把它分享在波波的github站点上,希望这份文档对工程师的职业开发和成长有帮助。注,Circle CI.

架构师波波的专栏 6334

微信小程序学习:动画实现幻灯片播放照片效果

前言部分 目前市面上小程序越来越多,微信,支付宝,头条都推出了自己的小程序,但是由于微信小程序是最开始的,小程序刚出的时候我也了解过,当时写了个demo也写了一个小的新闻客户端,当时觉得小程序还是有点弱,所以后来就没在关注过小程序的发展,现在随着小程序的崛起(微信说线上小程序超过100万个了),这次下决心好好熟悉一下小程序的开发流程,可能不能全部都熟悉到,所以看到哪里就写到哪里吧。 常规操作,来图...

鲨鱼不会飞的博客 5201

IMU预积分--详细推导过程

IMU预积分推导

weixin_51547017的博客 2万+

Craftyslide:一个轻量级jQuery幻灯片插件的安装与使用指南

Craftyslide:一个轻量级jQuery幻灯片插件的安装与使用指南 Craftyslide是一款简洁高效的jQuery幻灯片插件,其设计旨在提供无冗余、易于使用的图片展示方案。本指南将详细介绍如何通过此开源项目进行快速集成,并着重讲解其目录结构、启动文件以及配置方式。 1. 项目目录结构及介绍 Craftyslide的项目结构清晰简约,便于开发者快速定位所需资源: css: 包含Craf...

gitblog_00067的博客 427

在MDK5.37版本中添加Complier Version 5( 解决Missing Compiler Version 5 )

本文章仅作为个人学习记录,方法也是从其他博主的博客中得到的,链接如下:二、Keil——Missing Compiler Version 5 和 core_cm3.c 问题解决 - YI颗白菜 - 博客园 (cnblogs.com) 问题描述 更新最新的keil版本(MDK5.37)后,在编译以前版本的工程文件时,发现出现了非常多的报错,在网上搜索之后发现原来时编译器版本不匹配的问题,即MDK5.37中使用的是Version 6版本的编译器,而缺少Version 5,对于以前编写的工

leveling99的博客 1万+

AWR2243的等效相位中心与虚拟通道

在俯仰维方向上,不重合的虚拟通道有8个,排序为1:4,9:12。每个虚拟阵元之间的间隔为lambda/2。实际y轴方向虚拟阵列只跨越了8*lambda/2的距离。等效相位中心与虚拟通道类似,只是每个相位中心之间间隔为lambda/4,实际y轴方向等效相位中心只跨越了8*lambda/4=7.59mm的距离

qq_50974341的博客 1983

jquery插件整理篇(三)图片展示插件

(1)imgAreaSelect imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。 imgAreaSelect    (2)Easy Slide EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可

南城小伙的专栏 3281

垂类大模型 研发方向与具体方案调研

领域知识库加上通用大模型,针对通用大模型见过的知识比较少的问题,利用向量数据库等方式根据问题在领域知识库中找到相关内容,再利用通用大模型强大的summarization和qa的能力生成回复,完成本次垂直大模型研发。目前很多企业希望将大模型的能力应用到企业内部当中,但很多通用大模型只是一个预训练模型,其所能回答的知识主要来源于互联网上公开的通用知识库,对于部分垂直领域和企业内部的私有知识库的问答,给出的回答。:垂类大模型的效果与底座性能息息相关,研发垂类大模型第一步就是确定开源大模型解决方案。

风吹落叶的博客 3331
上一篇: AraryList学习总结
下一篇: 一个不错的页面选项卡标签效果源代码
系统信息
系统信息 领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
博客等级 码龄23年 2404粉丝 565原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值