编程 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 获取json数据实现代码

Apr 27 Javascript

JS实现模仿微博发布效果实例代码

Dec 16 Javascript

JS保留两位小数,多位小数的示例代码

Jan 07 Javascript

JS实现双击编辑可修改状态的方法

Aug 14 Javascript

JavaScript获取当前cpu使用率的方法

Dec 15 Javascript

概述javascript在Google IE中的调试技巧

Nov 24 Javascript

利用babel将es6语法转es5的简单示例

Dec 01 Javascript

three.js实现3D影院的原理的代码分析

Dec 18 Javascript

用ES6写全屏滚动插件的示例代码

May 02 Javascript

原生js实现随机点名功能

Nov 05 Javascript

jQuery 淡入/淡出效果函数用法分析

May 19 jQuery

vue打包npm run build时候界面报错的解决

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

Zend Studio 无法启动的问题解决方法

2008/12/04 PHP

php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别

2012/08/08 PHP

解析WordPress中函数钩子hook的作用及基本用法

2015/12/22 PHP

PHP使用PDO实现mysql防注入功能详解

2019/12/20 PHP

借助script进行Http跨域请求:JSONP实现原理及代码

2013/03/19 Javascript

只需一行代码,轻松实现一个在线编辑器

2013/11/12 Javascript

js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS

2013/11/18 Javascript

js实现分享到随页面滚动而滑动效果的方法

2015/04/10 Javascript

jQuery添加和删除指定标签的方法

2015/12/16 Javascript

实现React单页应用的方法详解

2016/08/02 Javascript

jQuery层次选择器用法示例

2016/09/09 Javascript

CSS+jQuery实现简单的折叠菜单

2016/12/20 Javascript

微信小程序 TLS 版本必须大于等于1.2问题解决

2017/02/22 Javascript

基于jQuery的左滑出现删除按钮的示例

2017/08/29 jQuery

使用Vue.js和Element-UI做一个简单登录页面的实例

2018/02/23 Javascript

webpack4与babel配合使es6代码可运行于低版本浏览器的方法

2018/10/12 Javascript

JavaScript实现获取两个排序数组的中位数算法示例

2019/02/26 Javascript

小程序封装wx.request请求并创建接口管理文件的实现

2019/04/29 Javascript

简单了解Ajax表单序列化的实现方法

2019/06/14 Javascript

jQuery+PHP+Ajax实现动态数字统计展示功能

2019/12/25 jQuery

微信小程序实现菜单左右联动

2020/05/19 Javascript

[03:59]5分钟带你了解什么是DOTA2（第二期）

2017/02/07 DOTA

如何运行Python程序的方法

2013/04/21 Python

Python异常处理总结

2014/08/15 Python

python选择排序算法实例总结

2015/07/01 Python

Python SQLite3数据库日期与时间常见函数用法分析

2017/08/14 Python

python: 自动安装缺失库文件的方法

2018/10/22 Python

python垃圾回收机制(GC)原理解析

2019/12/30 Python

Python3实现飞机大战游戏

2020/04/24 Python

Python实现爬取网页中动态加载的数据

2020/08/17 Python

Linux中如何用命令创建目录

2015/01/12 面试题

剪枝的学问教学反思

2014/02/07 职场文书

农业局党的群众路线教育实践活动整改方案

2014/09/20 职场文书

教师思想作风整顿个人剖析材料

2014/10/10 职场文书

德能勤绩廉个人总结

2015/02/14 职场文书

使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)

2021/04/07 HTML / CSS