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

JS 控制CSS样式表

Aug 20 Javascript

测试你的JS的掌握程度的代码

Dec 09 Javascript

jQuery 滑动方法slideDown向下滑动元素

Jan 16 Javascript

json实现前后台的相互传值详解

Jan 05 Javascript

基于JavaScript实现百叶窗动画效果不只单纯flas可以实现

Feb 29 Javascript

jQuery图片轮播插件——前端开发必看

May 31 Javascript

Javascript中的数组常用方法解析

Jun 17 Javascript

JavaScript作用域示例详解

Jul 07 Javascript

详解vue2父组件传递props异步数据到子组件的问题

Jun 29 Javascript

vue 清空input标签中file的值操作

Jul 21 Javascript

vue实现日历表格（element-ui）

Sep 24 Javascript

JS时间戳与日期格式互相转换的简单方法示例

Jan 30 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和MySql来与ODBC数据连接

2006/10/09 PHP

PHP获取客户端真实IP地址的5种情况分析和实现代码

2014/07/08 PHP

PHP邮件发送类PHPMailer用法实例详解

2014/09/22 PHP

php中get_meta_tags()、CURL与user-agent用法分析

2014/12/16 PHP

javascript验证身份证号

2015/03/03 Javascript

举例简介AngularJS的内部语言环境

2015/06/17 Javascript

JS文字球状放大效果代码分享

2015/08/19 Javascript

js实现文字滚动效果

2016/03/03 Javascript

D3.js实现雷达图的方法详解

2016/09/22 Javascript

jQuery图片拖动组件Dropzone用法示例

2017/01/17 Javascript

canvas知识总结

2017/01/25 Javascript

JavaScript设计模式之策略模式详解

2017/06/09 Javascript

vue.js如何更改默认端口号8080为指定端口的方法

2017/07/14 Javascript

Node.js+jade抓取博客所有文章生成静态html文件的实例

2017/09/19 Javascript

后台使用freeMarker和前端使用vue的方法及遇到的问题

2019/06/13 Javascript

ES6 class的应用实例分析

2019/06/27 Javascript

[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15

2019/08/17 DOTA

[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15

2019/08/17 DOTA

详解python之配置日志的几种方式

2017/05/22 Python

python检索特定内容的文本文件实例

2018/06/05 Python

Python代码实现http/https代理服务器的脚本

2019/08/12 Python

Python找出列表中出现次数最多的元素三种方式

2020/02/24 Python

django xadmin 管理器常用显示设置方式

2020/03/11 Python

Django3中的自定义用户模型实例详解

2020/08/23 Python

pymysql模块使用简介与示例

2020/11/17 Python

Python如何批量生成和调用变量

2020/11/21 Python

巴西宠物商店：Cobasi

2019/04/19 全球购物

电子信息工程专业推荐信

2014/02/14 职场文书

2014年新生军训方案

2014/05/01 职场文书

公共场所禁烟倡议书

2014/08/30 职场文书

领导班子遵守党的政治纪律情况对照检查材料

2014/09/26 职场文书

专题民主生活会对照检查材料思想汇报

2014/09/29 职场文书

巾帼标兵事迹材料

2014/12/26 职场文书

生活委员竞选稿

2015/11/21 职场文书

简短的36句中秋节祝福信息语句

2019/09/09 职场文书

Python按顺序遍历并读取文件夹中文件

2022/04/29 Python