当前位置：文江博客话题详情

基本的 jQuery 横幅？

发布于 2024-12-22 01:05:06 字数 152 浏览 7 评论 0原文

我对 jQuery 还很陌生，并且在横幅和动态 Web 功能方面具有 flash/javascript 背景。有谁知道简单的旋转横幅有什么好的教程吗？

我正在寻找一个带有 3 个旋转图像和一个 1,2,3 按钮以返回其他图像的图像。

任何帮助或建议都会很棒。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

慕烟庭风 2024-12-29 01:05:06

jQuery Cycle 插件非常适合这个

http://jquery.malsup.com/cycle/

它甚至制作一个动态菜单（如您想要的 1、2、3 按钮）。

回复收藏 0 原文

瀟灑尐姊 2024-12-29 01:05:06

您应该熟悉 jQuery Animate。

但为什么要重新发明轮子呢？有很多优秀且经过充分测试的 jQuery 插件。

插件

教程

回复收藏 0 原文

一瞬间的火花 2024-12-29 01:05:06

看看这个函数，它是一个简单的滑块：

HTML

<img src="pic_01.jpg" id="photo" />
<span id="slideNumber"></span>

var ImageArr1 = new Array("pic_01.jpg","pic_02.jpg","pic_03.jpg");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3500);
}

RotateImages(1,0);

我有一个图片容器并切换它的 SRC 属性以显示其他图片。
它会自动计时到 3500 毫秒，并显示有关下面图片索引的信息。

我知道那是纯 JavaScript，但请看一下。它将教您一些基础知识。

Have a look at this function, it's a simple slider:

HTML

<img src="pic_01.jpg" id="photo" />
<span id="slideNumber"></span>

var ImageArr1 = new Array("pic_01.jpg","pic_02.jpg","pic_03.jpg");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3500);
}

RotateImages(1,0);

I have a picture container and switch it's SRC-attribute to show the other pictures.
It's timed automatically to 3500 milliseconds and shows information about the picture index below.

That's pure javascript I know, but have a look at it. It will teach you some basics.

回复收藏 0 原文

~没有更多了~