Jquery动态改变图片IMG的src地址示例_jquery

复制代码 代码如下:

<div id="login_1_3a">
<a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick='log_1()'>
<img onfocus=this.blur() id="img_a" border=0 align="middle" src="login_image/a_1.jpg" alt="没有图片!"> </img>
</a>
</div>

复制代码 代码如下:

$("#img_a").attr("src", "login_image/b_2.jpg");

// ========= 还有一点挺重要,就是用下面的属性,可以去掉图处点击后的虚框。

复制代码 代码如下:

onfocus=this.blur()

时间: 2024-09-20 01:14:19

Jquery动态改变图片IMG的src地址示例_jquery的相关文章

Jquery动态改变图片IMG的src地址示例

改变图片IMG的链接地址在某些特殊情况下实现特殊的功能还是比较不错的,下面为大家详细介绍下使用jquery改变图片IMG的链接地址,感兴趣的朋友可以参考下哈   复制代码 代码如下: <div id="login_1_3a"> <a onfocus=this.blur() href="javascript:void(0)" class="l-button" style="width:80px" onclick

jQuery动态改变图片显示大小(修改版)的实现思路及代码_jquery

当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持在一定范围内,如果图片的原始尺寸都大于max*值,则显示出来的图片宽度都相等. 原始代码: 复制代码 代码如下: $(document).ready(function() {     $('.post img').each(function() {     var maxWidth = 100; /

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

本文实例讲述了jQuery实现的图片轮播效果.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播</title> <style type="text/css"> *{ padding: 0; margin: 0;} li{ list-

JS使用oumousemove和oumouseout动态改变图片显示的方法

 本文实例讲述了JS使用oumousemove和oumouseout动态改变图片显示的方法.分享给大家供大家参考.具体如下: 鼠标放到图片上时图片会自动变大,鼠标离开图片还原 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html> <html> <head> <script> function bigImg(x) { x.style.height=&q

jQuery动态改变多行文本框高度的方法_jquery

本文实例讲述了jQuery动态改变多行文本框高度的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框高度变化</title> <style type="text/css"> * { margin: 0

jquery动态改变div宽度和高度_jquery

完整代码: 复制代码 代码如下: <!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>jque

JS使用oumousemove和oumouseout动态改变图片显示的方法_javascript技巧

本文实例讲述了JS使用oumousemove和oumouseout动态改变图片显示的方法.分享给大家供大家参考.具体如下: 鼠标放到图片上时图片会自动变大,鼠标离开图片还原 <!DOCTYPE html> <html> <head> <script> function bigImg(x) { x.style.height="64px"; x.style.width="64px"; } function normalIm

jQuery动态背景图片效果实现方法_jquery

本文实例讲述了jQuery动态背景图片效果实现方法.分享给大家供大家参考.具体如下: 这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景 $(document).ready(function(){ bgImageTotal=20; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('/my/image/path/'+randomNumber+'.jpg'); $

javascript使用switch case实现动态改变超级链接文字及地址_javascript技巧

代码很简单,我这里就不多废话了,小伙伴们直接看源码吧. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="te