假如是两个img标签,你可以通过他们的id来控制,例如:
成都创新互联是一家集网站建设,嘉黎企业网站建设,嘉黎品牌网站建设,网站定制,嘉黎网站建设报价,网络营销,网络优化,嘉黎网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
img id="img1" src="xxx.jpg" onclick="dd()"
img id="img2"
function dd(){
var path=$("#img1").attr("src");
$("#img2").attr("src",path);
}
在jquery里可以直接用isNaN(),因为他是JavaScript的类库。是由JavaScript语言写的。
例如:
script type="text/javascript"
$(document).ready(function(){
alert(isNaN($('#id').val()));
});
/script可以直接使用
这个一般是用css来显示特定内容的。
譬如有张图片icon.png,里面有很多内容,便可以在css中这么用。
.sa
{width:20px;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
-20px
-30px;}
注解:
宽度和高度是控制显示范围的
overflow:hidden是确保不会有多余显示
background:url(icon.png)是使用图片作为背景显示,并且也只能作为背景显示才能达到这种做法的目的
no-repeat是不会重复,这个不是必须的,不过有会规范一些
-20px
-30px是图片的定位,显示时会将图片按这个坐标来定位
上面只是针对固定大小的显示内容来定义的,如果大小不固定,在background属性中有可能需要更改设置。不过重点是这种方式是这么使用的。
如果大小不固定,也可以这样定义,让背景自适应:
.sa
{width:auto;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
right
bottom;}
对于图片2(首页标签)的内容,也是这么使用的:
.a
{width:100px;
height:25px;
overflow:hidden;
background:url(2.png)
no-repeat
left
center;}
.a:hover
{background-position:right
center;}
这样一来,当鼠标移到元素时,背景定位发生变化,显示的内容便由左边的变成右边的了。
不过你应该对css这方面还不是很了解,目前可能还没有很便捷的方式对这些css进行快速定义,所以也只能告诉你是这么一回事,但未必能帮得上你。
你可以使用JQuery设置图片的大小来显示大图
$("img").attr("width","100"); // 设置宽度
$("img").attr("height","100"); // 设置高度
我看了代码,css和js都有点小问题,我简单改了一下
css问题。
.pcdown p.show{display:block;}
上面那段代码比原来的p.show优先级高,所以没效果。
js是下面这么改,这么改js,上面的css可以不用,js直接就控制隐藏和显示。
$(function(){
$('.pcdown li').mouseover(function(){
$(this).siblings().find('p').hide();
$(this).find('p').show();
});
});
先把所有的p隐藏,然后显示当前的。就行了。测试有效