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

关于JavaScript定义类和对象的几种方式

Nov 09 Javascript

jquery动画1.加载指示器

Aug 24 Javascript

jQuery之ajax技术的详细介绍

Jun 19 Javascript

IE中图片的onload事件无效问题和解决方法

Jun 06 Javascript

JavaScript实现的鼠标响应颜色渐变效果完整实例

Feb 18 Javascript

JS+HTML5实现上传图片预览效果完整实例【测试可用】

Apr 20 Javascript

Angular使用 ng-img-max 调整浏览器中的图片的示例代码

Aug 17 Javascript

基于Vue单文件组件详解

Sep 15 Javascript

Bootstrap图片轮播效果详解

Oct 17 Javascript

jQuery实现的简单图片轮播效果完整示例

Feb 08 jQuery

node.js中express模块创建服务器和http模块客户端发请求

Mar 06 Javascript

element ui分页多选,翻页记忆的实例

Sep 03 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

PHP的面试题集

2006/11/19 PHP

php iconv() : Detected an illegal character in input string

2010/12/05 PHP

php学习之数据类型之间的转换代码

2011/05/29 PHP

使用PHP实现密保卡功能实现代码&lt;打包下载直接运行&gt;

2011/10/09 PHP

php摘要生成函数(无乱码)

2012/02/04 PHP

php中将汉字转换成拼音的函数代码

2012/09/08 PHP

总结PHP删除字符串最后一个字符的三种方法

2016/08/30 PHP

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

2016/10/26 PHP

XP折叠菜单&仿QQ2006菜单

2006/12/16 Javascript

一个cssQuery对象 javascript脚本实现代码

2009/07/21 Javascript

让FireFox支持innerText的实现代码

2009/12/01 Javascript

js焦点文字滚动效果代码分享

2015/08/25 Javascript

配置Grunt的Task时通配符支持和动态生成文件名问题

2015/09/06 Javascript

JavaScript Length 属性的总结

2015/11/02 Javascript

微信小程序详解下拉加载与上拉刷新实现方法

2017/01/13 Javascript

vue组件间通信解析

2017/03/01 Javascript

vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法

2018/01/25 Javascript

详解JavaScript的BUG和错误

2018/05/07 Javascript

如何解决webpack-dev-server代理常切换问题

2019/01/09 Javascript

微信小程序实现同时上传多张图片

2020/02/03 Javascript

微信小程序订阅消息(java后端实现)开发

2020/06/01 Javascript

python通过socket查询whois的方法

2015/07/18 Python

Python对多属性的重复数据去重实例

2018/04/18 Python

Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法

2019/09/17 Python

Python 面向对象之类class和对象基本用法示例

2020/02/02 Python

windows下Pycharm安装opencv的多种方法

2020/03/05 Python

Python如何实现爬取B站视频

2020/05/20 Python

keras 指定程序在某块卡上训练实例

2020/06/22 Python

python线程里哪种模块比较适合

2020/08/02 Python

CSS3 box-shadow属性实例详解

2020/06/19 HTML / CSS

YII2 全局异常处理深入讲解

2021/03/24 PHP

护理中职生求职信范文

2014/02/24 职场文书

浪费资源的建议书

2014/03/12 职场文书

歌颂党的演讲稿

2014/09/10 职场文书

2014年员工工作总结范文

2014/11/18 职场文书

检讨书范文1000字

2015/01/28 职场文书