网站需要动态代码--688IT编程网

图片滚动代码2009-4-13 15:29:13 作者：模板天下收集整理来源：未知　网友评论 0 条　论坛614

看看以下代码：

此代码的功能是使你所链接的图片交叉移动！

实现步骤如下：

1，打开发表文章，点击“显示源代码”。

2，在以红为标记的图片地址换成你所链接图片的地址，当然了，本地址也可以用！

3，在<DIV>和</DIV>之间粘贴上面代码！

（注：图片格式为JPG或者GIF）

下面的代码是让图片从左向又移动！

<marquee direction=right><img src=../../infoimages/images7/2009413152913734.jpg width=200 height=150><br><font color=0000ff size=5 face=华文行楷><b>移右向左从我</b></font></marquee>

实现步骤如下：

1，打开发表文章，点击“显示源代码”。

2，在以红为标记的图片地址换成你所链接图片的地址，当然了，本地址也可以用！

3，在<DIV>和</DIV>之间粘贴上面代码！

（注：图片格式为JPG或者GIF）

下面的图片是让图片向下移动！

、<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>我从上向下移</b></font><br><img src=../../infoimages/images7/2009413152913734.jpg width=300 h

eight=200></marquee>

步骤如上！

下面是滚动图片的代码:

<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160

height=270 onmouseover="this.stop()" onmouseout="this.start()"><IMG height=270

src="图片地址 " width=160 border=0><IMG height=270

src=" 图片地址" width=160 border=0><IMG height=270

src="图片地址 " width=160 border=0><IMG height=270

marquee marqueesrc=" 图片地址" width=160 border=0></A></MARQUEE>

步骤如下：

1，首先打开控制面板，打开我的首页维护，进入自定义面板，新增一个面板。

2，打开新增的面板，点击显示源代码！

3，在代码<DIV></DIV>间插入如如上代码

把以上图片链接地址换成自己的图片地址即可。

代码中可以修改的地方

direction=right 是移动的方向

上：up

下：down

左：right

右：left

scrollamount=5 是向下移动速度，可以调整，一般设置在1---15的范围内比较好.

悬浮图片代码

很多的网站都在两边空白处悬浮两个广告.随着滚动条的移动，图片也会向下移.那么我们blog不打广告.就来两个好看的动画或图片吧!

代码如下示：

左侧代码：

右侧代码：

参数说明：

1、clientWidth后面负数的绝对值越大，图片越靠近左侧

2、clientHeight后面负数的绝对值越大，图片越靠近上部

3、“图片地址”处加入你想用到的图片地址即可，你可以在网上.

图片循环滚动代码(无缝滚动)(分别向上、下、左、右) 2008-05-02 14:07

分类：代码特效字号：大大中中小小向上：程序代码

<img src="www.blog/gfjs.gif"><br><img src="www.blog/bxtt.gif"><br><img src="http:

//www.blog/bzjd.gif"><br>

</div>

</div>

var speed=30

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

var MyMar=setInterval(Marquee,speed)

</script>

向下：程序代码

<img src="www.blog/gfjs.gif"><br><img src="www.blog/bxtt.gif"><br><img

src="www.blog/bzjd.gif"><br>

</div>

</div>

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollTop=demo.scrollHeight

function Marquee(){

if(demo1.offsetTop-demo.scrollTop>=0)

demo.scrollTop+=demo2.offsetHeight

else{

demo.scrollTop--

}

var MyMar=setInterval(Marquee,speed)

</script>

向左：程序代码

<div id=demo ><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="www.blog/gfjs.gif"><img

src="www.blog/bxtt.gif"><img src="www.blog

/bzjd.gif"><img src="www.blog/gfjs.gif"><img src="www.blog/bxtt.gif"><img

src="www.blog/bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>

var speed=30

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft<=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

var MyMar=setInterval(Marquee,speed)

</script>

向右：程序代码

<div id=demo ><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="www.blog/gfjs.gif"><img

src="www.blog/bxtt.gif"><img src="www.blog/bzjd.gif"><img src="www.blog/gfjs.gif"><img src="www.blog/bxtt.gif"><img

src="www.blog/bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollLeft=demo.scrollWidth

function Marquee(){

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else{

demo.scrollLeft--

}

var MyMar=setInterval(Marquee,speed)

</script>

<title>自动换图片</title><script language=JavaScript>

var imgUrl=new Array();

var imgLink=new Array();

var adNum=0;

imgUrl[1]="www.xwinfo/img/dlogo1.gif";

imgLink[1]="#";

imgUrl[2]="www.xwinfo/img/dlogo.gif";

imgLink[2]="#";

imgUrl[3]="www.xwinfo/img/dlogo1.gif";

imgLink[3]="#";

var imgPre=new Array();

var j=0;

for (i=1;i<=3;i++) {

if( (imgUrl[i]!="") && (imgLink[i]!="") ) {

j++;

} else {

break;

}

function playTran(){

if (document.all){

document.imgInit.filters[0].play();

}

function nextAd(){

if(adNum<j)adNum++ ;

else adNum=1;

if (document.all){

document.imgInit.filters[0].Transition=26;

document.imgInit.filters[0].apply();

}

document.images.imgInit.src=imgUrl[adNum];

playTran();

theTimer=setTimeout("nextAd()", 6000);

}

function goUrl(){

jumpUrl=imgLink[adNum];

jumpTarget='_blank';

if (jumpUrl != ''){

if (jumpTarget != '')

window.open(jumpUrl,jumpTarget);

else

location.href=jumpUrl;

}

</script><a href="javascript:goUrl()">

<img letter-spacing: -3px;">;

border-color:#000000;color:#000000;margin-bottom:0px" src="javascript:nextAd()" height=147 width=770 border=0 name=imgInit></a>

688IT编程网

网站需要动态代码

发表评论

推荐文章

随机森林算法介绍及R语言实现

基于随机森林优化的神经网络算法在冬小麦产量预测中的应用研究_百度文 ...

基于正则化贪心森林算法的情感分析方法研究

随机森林算法和grandientboosting算法

基于随机森林的图像分类算法研究

热门文章

随机森林特征选择原理

自动驾驶系统中的随机森林算法解析

随机森林算法及其在生物信息学中的应用

监督学习中的随机森林算法解析(六)

随机森林算法在数据分析中的应用

机器学习——随机森林,RandomForestClassifier参数含义详解

随机森林的算法

随机森林算法作用

监督学习中的随机森林算法解析(十)

随机森林算法案例

随机森林案例

二分类问题常用的模型

绘制ssd框架训练流程

一种基于信息熵和DTW的多维时间序列相似性度量算法

SVM训练过程范文

如何使用支持向量机进行股票预测与交易分析

二分类交叉熵损失函数binary

tinybert_训练中文文本分类模型_概述说明

基于门控可形变卷积和分层Transformer的图像修复模型及其应用

人工智能开发技术的测试和评估方法

最新文章

基于随机森林的数据分类算法改进

人工智能中的智能识别与分类技术

基于人工智能技术的随机森林算法在医疗数据挖掘中的应用

随机森林回归模型的建模步骤

r语言随机森林预测模型校准曲线

《2024年随机森林算法优化研究》范文

标签列表

688IT编程网

网站需要动态代码

发表评论

推荐文章

随机森林算法介绍及R语言实现

基于随机森林优化的神经网络算法在冬小麦产量预测中的应用研究_百度文 ...

基于正则化贪心森林算法的情感分析方法研究

随机森林算法和grandientboosting算法

基于随机森林的图像分类算法研究

热门文章

随机森林特征选择原理

自动驾驶系统中的随机森林算法解析

随机森林算法及其在生物信息学中的应用

监督学习中的随机森林算法解析(六)

随机森林算法在数据分析中的应用

机器学习——随机森林,RandomForestClassifier参数含义详解

随机森林 的算法

随机森林算法作用

监督学习中的随机森林算法解析(十)

随机森林算法案例

随机森林案例

二分类问题常用的模型

绘制ssd框架训练流程

一种基于信息熵和DTW的多维时间序列相似性度量算法

SVM训练过程范文

如何使用支持向量机进行股票预测与交易分析

二分类交叉熵损失函数binary

tinybert_训练中文文本分类模型_概述说明

基于门控可形变卷积和分层Transformer的图像修复模型及其应用

人工智能开发技术的测试和评估方法

最新文章

基于随机森林的数据分类算法改进

人工智能中的智能识别与分类技术

基于人工智能技术的随机森林算法在医疗数据挖掘中的应用

随机森林回归模型的建模步骤

r语言随机森林预测模型校准曲线

《2024年随机森林算法优化研究》范文

标签列表

随机森林的算法