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 相关文章推荐
提高javascript效率 一次判断,而不要次次判断
Mar 30 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
JS内部事件机制之单线程原理
Jul 02 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
JS实现点击掉落特效
Jan 29 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
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
解析PHP将对象转换成数组的方法(兼容多维数组类型)
2013/06/21 PHP
ThinkPHP入口文件设置及相关注意事项分析
2014/12/05 PHP
php内存缓存实现方法
2015/01/24 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
JavaScript中利用for循环遍历数组
2017/01/15 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
总结js函数相关知识点
2018/02/27 Javascript
nodejs 如何手动实现服务器
2018/08/20 NodeJs
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
python队列Queue的详解
2019/05/10 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
关于matplotlib-legend 位置属性 loc 使用说明
2020/05/16 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
python+opencv实现车道线检测
2021/02/19 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
暑假家长评语大全
2014/04/17 职场文书
英文推荐信格式范文
2014/05/09 职场文书
大学生毕业求职信
2014/06/12 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL