jQuery随机切换图片的小例子


Posted in Javascript onApril 18, 2013
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    img
    {
       width:200px; height:200px;
        }
    </style>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn1').click(function () {
                var num = Math.floor(Math.random() * 8 + 1);
             $('img').attr('src','picture/'+num+'.jpg')
            })
        })
    </script>
</head>
<body>
<img src="picture/1.jpg" id="img1" />
<input id="btn1" type="button" value="变换" />
</body>
</html>
Javascript 相关文章推荐
js计算页面刷新的次数
Jul 20 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
详解javascript replace高级用法
Feb 17 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 #Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 #Javascript
JS隐藏参数post传值实例
Apr 18 #Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 #Javascript
JS打开新窗口的2种方式
Apr 18 #Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 #Javascript
JS操作图片(增,删,改) 例子
Apr 17 #Javascript
You might like
thinkphp常见路径用法分析
2014/12/02 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
php实现的顺序线性表示例
2019/05/04 PHP
onpropertypchange
2006/07/01 Javascript
js计数器代码
2006/11/04 Javascript
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
jquery中动态效果小结
2010/12/16 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
在Django的URLconf中进行函数导入的方法
2015/07/18 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
python实现飞行棋游戏
2020/02/05 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
夏季奶茶店创业计划书
2014/01/16 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫
Python之matplotlib绘制饼图
2022/04/13 Python