js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 图片相册

jQuery仿QQ空间鼠标感应上下滚动预览图片特效

发布时间:2015-08-29 14:41:41    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jQuery仿QQ空间鼠标感应上下滚动预览图片特效
<!doctype html>    
<html>    
	<head>    
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
		<title>jQuery仿QQ空间鼠标感应上下滚动预览图片特效</title>    
		<script type="text/javascript" src="js/jquery-1.7.2.js" ></script>    
		<script type="text/javascript" src="js/longPicSHow.js" ></script>    
		<script type="text/javascript">    
			$(function(){ $(".innerDiv").longPicShow(150);	});    
		</script>    
		<style type="text/css">    
		*{padding:0px;margin:0px;list-style-type:none;}    
		.outDiv{border:1px solid #ddd;width:500px;height:500px;padding:20px;margin:20px auto;background:#7ce;}    
		.innerDiv{width:500px;height:500px;position:relative;background:#fff;overflow:hidden;}	
    
		</style>    
	</head>    
	<body>    
		<center>    
			<h1>鼠标移到图片的上下查看效果</h1>    
		</center>    
		<noscript>    
			该浏览器不能执行javascript!请检查是否有禁用浏览器!    
		</noscript>    
		<div class="outDiv">    
			<div class="innerDiv">    
			<img src="images/jstxdm.jpg"/>    
			</div>    
		</div>    
	</body>    
</html>



图片 空间

jquery图片相册特效,切换上下页,还带对话框提醒特效

jqzoom仿京东商品详细页产品图片放大镜特效

jquery实现图片相册淡入淡出特效插件

jquery实现全屏图片左右滚动预览焦点图特效

js、html5实现极速3D立体式图片相册切换效果

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

Css3鼠标悬停图片高亮特效

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

query自适应图片高度并带播放提示的相册特效

jquery实现网页右下角弹出并且支持tab标签选项卡的图片广告代码

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery仿QQ空间鼠标感应上下滚动预览图片特效

jQuery多张图片相册上下切换,放大预览等特效

jquery实现鼠标移动到图片上显示大图广告特效

JS带图片标题自动播放的幻灯片特效

jQuery动态加载图片相册,弹窗大图特效

jquery实现led广告牌旋转图片切换特效

jquery实现会滚动的新闻列表和图片滚动特效

jquery.slider多种过渡效果的图片轮播幻灯片特效

友荐云推荐
大家说 此评论不代表本站观点