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

动态创建script在IE中缓存js文件时导致编码的解决方法

May 04 Javascript

JQuery实现Ajax加载图片的方法

Dec 24 Javascript

JavaScript中数组的22种方法必学(推荐)

Jul 20 Javascript

jquery实现ajax加载超时提示的方法

Jul 23 Javascript

jQuery过滤选择器用法示例

Sep 12 Javascript

Bootstrap响应式侧边栏改进版

Sep 17 Javascript

js中scrollTop()方法和scroll()方法用法示例

Oct 03 Javascript

jQuery删除当前节点元素

Dec 07 Javascript

Angular.js之作用域scope'@','=','&'实例详解

Feb 28 Javascript

完美解决spring websocket自动断开连接再创建引发的问题

Mar 02 Javascript

原生js代码能实现call和bind吗

Jul 31 Javascript

Ant Design Pro 下实现文件下载的实现代码

Dec 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提取字符串中的图片地址[正则表达式]

2011/11/12 PHP

PHP性能优化大全(php.ini)

2016/05/20 PHP

PHP中的异常处理机制深入讲解

2020/11/10 PHP

JS面向对象编程 for Cookie

2010/09/19 Javascript

js页面滚动时层智能浮动定位实现(jQuery/MooTools)

2011/08/23 Javascript

js切换div css注意的细节

2012/12/10 Javascript

在每个匹配元素的外部插入新元素的方法

2013/12/20 Javascript

Javascript访问器属性实例分析

2014/12/30 Javascript

jQuery+CSS3实现树叶飘落特效

2015/02/01 Javascript

JS截取与分割字符串常用技巧总结

2015/11/10 Javascript

prototype框架中美元符号$用法分析

2016/01/22 Javascript

js浏览器html5表单验证

2016/10/17 Javascript

JavaScript中的遍历详解(多种遍历)

2017/04/07 Javascript

Angular.js组件之input mask对input输入进行格式化详解

2017/07/10 Javascript

vue使用axios跨域请求数据问题详解

2017/10/18 Javascript

nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例

2018/01/05 NodeJs

JavaScript获取当前url路径过程解析

2019/12/27 Javascript

Vue实现剪贴板复制功能

2019/12/31 Javascript

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

2021/01/05 Vue.js

[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3

2018/06/04 DOTA

Python脚本实现下载合并SAE日志

2015/02/10 Python

Django中模版的子目录与include标签的使用方法

2015/07/16 Python

Python用list或dict字段模式读取文件的方法

2017/01/10 Python

python中pandas.DataFrame对行与列求和及添加新行与列示例

2017/03/12 Python

Python实现简单层次聚类算法以及可视化

2019/03/18 Python

PyTorch: 梯度下降及反向传播的实例详解

2019/08/20 Python

python利用opencv实现SIFT特征提取与匹配

2020/03/05 Python

主持人演讲稿范文

2013/12/28 职场文书

说明书格式及范文

2014/05/07 职场文书

求职信怎么写范文

2014/05/26 职场文书

人事任命书怎么写

2014/06/05 职场文书

小组口号大全

2014/06/09 职场文书

工作年限证明模板

2014/11/01 职场文书

总经理致辞

2015/07/29 职场文书

初中体育教学随笔

2015/08/15 职场文书

公司管理建议书

2015/09/14 职场文书