博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery实现轮播图--入门
阅读量:5890 次
发布时间:2019-06-19

本文共 765 字,大约阅读时间需要 2 分钟。

jQuery是一个前台的框架。

主要函数: setInterval

  语法:setInterval(code,millisec[,"lang"])

    cdoe:需要执行的代码或者要调用的函数。

    millisec:周期性的调用函数或代码,以毫秒计算。

jQuery代码:

<script type="text/javascript">

var timer = setInterval("right()", 1000);
var i = 1;

$(function() {

$("#img").attr("src",

"${pageContext.request.contextPath}/img/" + i + ".jpg");

})

function left() {

i--;

if (i < 1) {

i = 3;
}
$("#img").attr("src",
"${pageContext.request.contextPath}/img/" + i + ".jpg");
}

function right() {

i++;

if (i > 3) {

i = 1;
}
$("#img").attr("src",
"${pageContext.request.contextPath}/img/" + i + ".jpg");
}
</script>

jsp页面:

<input type="button" value="上一个" οnclick="left()">

<img id="img">

<input type="button" value="下一个" οnclick="right()">

转载于:https://www.cnblogs.com/niexinlei/p/9691179.html

你可能感兴趣的文章
Content type and column用法示例代码来自SharePoint会议
查看>>
设计模式:外观模式(Façade Pattern)
查看>>
ASP.NET中 DataList(数据列表)的使用前台绑定
查看>>
Linux学习之CentOS(八)--Linux系统的分区概念
查看>>
C语言字节对齐
查看>>
主域控制器的安装与配置步骤与方法
查看>>
调整Flash与div的位置关系
查看>>
Objective - c 创建二维数组
查看>>
〖Android〗/system/etc/fallback_fonts.xml
查看>>
30个美丽干净的,帮助用户专注于内容的网站设计
查看>>
高级Bash脚本编程指南(27):文本处理命令(三)
查看>>
JavaScript---事件
查看>>
Android NDK入门实例 计算斐波那契数列一生成jni头文件
查看>>
c/c++性能优化--I/O优化(上)
查看>>
将HTML特殊转义为实体字符的两种实现方式
查看>>
jquery 保留两个小数的方法
查看>>
网站架构设计的误区
查看>>
Standard C++ Programming: Virtual Functions and Inlining
查看>>
html5 Web Workers
查看>>
iis 故障导致网站无法访问
查看>>