编程 Javascript

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>

jQuery随机切换图片的小例子

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery tools系列 expose 学习

Sep 06 Javascript

jquery ajax提交表单数据的两种实现方法

Apr 29 Javascript

Javascript数组的排序 sort()方法和reverse()方法

Jun 04 Javascript

JQUERY对单选框(radio)操作的小例子

Apr 25 Javascript

解析JavaScript中delete操作符不能删除的对象

Dec 03 Javascript

用js替换除数字与逗号以外的所有字符的代码

Jun 07 Javascript

javascript实现图片自动和可控的轮播切换特效

Apr 13 Javascript

Bootstrap3 多个模态对话框无法显示的解决方案

Feb 23 Javascript

微信小程序的注册页面包含倒计时验证码、获取用户信息

May 22 Javascript

关于Layui Table隐藏列问题

Sep 16 Javascript

小程序双头slider选择器的实现示例

Mar 31 Javascript

Vue深入理解插槽slot的使用

Aug 05 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读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法

2013/08/10 PHP

PHP验证码无法显示的原因及解决办法

2017/08/11 PHP

PHP迭代与递归实现无限级分类

2017/08/28 PHP

PHP实现微信申请退款功能

2018/10/01 PHP

php和asp语法上的区别总结

2019/05/12 PHP

thinkphp5实现微信扫码支付

2019/12/23 PHP

深入理解JavaScript系列（38）：设计模式之职责链模式详解

2015/03/04 Javascript

js闭包实现按秒计数

2015/04/23 Javascript

JavaScript实现获得所有兄弟节点的方法

2015/07/23 Javascript

Bootstrap CSS布局之列表

2016/12/15 Javascript

mescroll.js上拉加载下拉刷新组件使用详解

2017/11/13 Javascript

jquery获取transform里的值实现方法

2017/12/12 jQuery

使用Vue开发一个实时性时间转换指令

2018/01/17 Javascript

详解KOA2如何手写中间件(装饰器模式)

2018/10/11 Javascript

vue中英文切换实例代码

2020/01/21 Javascript

[00:37]DOTA2上海特级锦标赛 OG战队宣传片

2016/03/03 DOTA

Python使用 Beanstalkd 做异步任务处理的方法

2018/04/24 Python

python计算两个数的百分比方法

2018/06/29 Python

python多进程并行代码实例

2019/09/30 Python

python字符串替换re.sub()实例解析

2020/02/09 Python

Pandas中DataFrame基本函数整理(小结)

2020/07/20 Python

python logging 重复写日志问题解决办法详解

2020/08/04 Python

全球性的在线时尚男装零售商：boohooMAN

2016/12/17 全球购物

javascript实现用户必须勾选协议实例讲解

2021/03/24 Javascript

高中打架检讨书

2014/02/13 职场文书

《我的第一本书》教学反思

2014/02/15 职场文书

老师的检讨书

2014/02/23 职场文书

青春无悔演讲稿

2014/05/08 职场文书

爱牙日活动总结

2014/08/29 职场文书

发展党员工作情况汇报

2014/10/28 职场文书

推广普通话的宣传语

2015/07/13 职场文书

2019年七夕情人节浪漫祝福语大全！

2019/08/08 职场文书

python 实现定时任务的四种方式

2021/04/01 Python

将Python代码打包成.exe可执行文件的完整步骤

2021/05/12 Python

手写Spirit防抖函数underscore和节流函数lodash

2022/03/22 Javascript

Redis基本数据类型哈希Hash常用操作命令

2022/06/01 Redis