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的面向对象(一)
Nov 09 Javascript
js版本A*寻路算法
Dec 22 Javascript
第一个JavaScript入门基础 document.write输出
Feb 22 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
js函数定时器实现定时读取系统实时连接数
Apr 30 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
require简单实现单页应用程序(SPA)
Jul 12 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
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
php学习之运算符相关概念
2011/06/09 PHP
PHPUnit安装及使用示例
2014/10/29 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
PHP之header函数详解
2021/03/02 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
Python中在脚本中引用其他文件函数的实现方法
2016/06/23 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
python调用百度语音REST API
2018/08/30 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
css3 transform属性详解
2014/09/30 HTML / CSS
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
休假证明书
2015/06/24 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python
Nginx速查手册及常见问题
2022/04/07 Servers