编程 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 相关文章推荐

循环 vs 递归浅谈

Feb 28 Javascript

js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解

Nov 05 Javascript

javascript:void(0)的问题使用探讨

Apr 10 Javascript

javascript 回调函数详解

Nov 11 Javascript

javascript中call,apply,bind的用法对比分析

Feb 12 Javascript

JavaScript动态修改网页元素内容的方法

Mar 21 Javascript

js+html5操作sqlite数据库的方法

Feb 02 Javascript

Bootstrap~多级导航(级联导航)的实现效果【附代码】

Mar 08 Javascript

Jquery 自定义事件实现发布/订阅的简单实例

Jun 12 Javascript

Three.js学习之正交投影照相机

Aug 01 Javascript

再谈javascript常见错误及解决方法

Sep 16 Javascript

详解element-ui中el-select的默认选择项问题

Aug 02 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

Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送！

2020/03/06 日漫

php文件怎么打开如何执行php文件

2011/12/21 PHP

PHP使用Session遇到的一个Permission denied Notice解决办法

2014/07/30 PHP

PHP简单检测网址是否能够正常打开的方法

2016/09/04 PHP

php array_map使用自定义的函数处理数组中的每个值

2016/10/26 PHP

PHP实现随机发放扑克牌

2020/04/21 PHP

PHP实现Snowflake生成分布式唯一ID的方法示例

2020/08/30 PHP

不间断滚动JS打包类，基本可以实现所有的滚动效果，太强了

2007/12/08 Javascript

javascript高亮效果的二种实现方法

2008/09/14 Javascript

jQuery对象和Javascript对象之间转换的实例代码

2013/03/20 Javascript

checkbox勾选判断代码分析

2014/06/11 Javascript

微信小程序 Image API实例详解

2016/09/30 Javascript

Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法

2016/12/13 Javascript

js实现适合新闻类图片的轮播效果

2017/02/05 Javascript

jQuery仿IOS弹出框插件

2017/02/18 Javascript

js获取css的各种样式并且设置他们的方法

2017/08/22 Javascript

jQuery动态添加.active 实现导航效果代码思路详解

2017/08/29 jQuery

JavaScript原型对象、构造函数和实例对象功能与用法详解

2018/08/04 Javascript

layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法

2019/09/24 Javascript

JS实现贪吃蛇游戏

2019/11/15 Javascript

解决 window.onload 被覆盖的问题方法

2020/01/14 Javascript

详解JS函数防抖

2020/06/05 Javascript

python基础教程之lambda表达式使用方法

2014/02/12 Python

python 编程之twisted详解及简单实例

2017/01/28 Python

python逐行读写txt文件的实例讲解

2018/04/03 Python

Python采集代理ip并判断是否可用和定时更新的方法

2018/05/07 Python

django中使用Celery 布式任务队列过程详解

2019/07/29 Python

一款纯css3实现的鼠标悬停动画按钮

2014/12/29 HTML / CSS

HTML5跳转小程序wx-open-launch-weapp的示例代码

2020/07/16 HTML / CSS

环保倡议书范文

2014/05/12 职场文书

会计学专业求职信

2014/07/17 职场文书

不错的求职信范文

2014/07/20 职场文书

交通安全责任书范本

2014/07/24 职场文书

2014年高一班主任工作总结

2014/12/05 职场文书

邀请书格式范文

2015/02/02 职场文书

找规律教学反思

2016/02/23 职场文书