slideloop dota什么意思思 ？

来源：蜘蛛抓取(WebSpider) 时间：2011-10-19 20:59 标签：
正文最后编辑于：作者： 胡倡萌一个疯狂的 WordPress 爱好者，喜欢折腾 WordPress 主题，分享 WordPress 资源。如果你也喜欢 WordPress，欢迎和我一起交流！
扫一扫，用手机访问本站页面没有找到的海词问答和网友补充：
相关词典网站：扫描二维码用手机看文章插件描述：jQuery图片轮播加悬停效果
=======以下内容由会员&&提供============使用方法<font color="#.将文档内内部样式表保存到目录css下的style.css文件中，并在页面中链接到这个样式表文件&link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /&<font color="#.添加jquery.SuperSlide2.js&script type="text/javascript" src="js/jquery.SuperSlide2.js"&&/script&
<font color="#.添加图片效果js（可根据实际情况整理到外部js文件中）$(document).ready(function () {
/* 图片滚动效果 */
$(".mr_frbox").slide({
titCell: "",
mainCell: ".mr_frUl ul",
autoPage: true,
effect: "leftLoop",
autoPlay: true,
/* 鼠标悬停图片效果 */
$(".mr_zhe_hover").css("top", $('.mr_zhe').eq(0).height());
$("li").mouseout(function (e) {
if ((e.pageX & $(this).offset().left || e.pageX & ($(this).offset().left + $(this).width())) || (e.pageY & $(this).offset().top || e.pageY & ($(this).offset().top + $(this).height()))) {
$(this).find('.mr_zhe_i').show();
$(this).find('.mr_zhe_hover').hide().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
$('.mr_zhe').mouseover(function (event) {
$(this).find('.mr_zhe_i').hide();
$(this).find('.mr_zhe_hover').show().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
<font color="#.html部分&div class="friend"&
&div class="mr_frbox"&
&img class="mr_frBtnL prev" src="images/mfrl.gif" /&
&div class="mr_frUl"&
&ul id="mr_fu"&
&li&&a href="/"&
&img src="images/i.jpg" /&
&div class="mr_zhe"&
&div class="mr_zhe_i"&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&div class="mr_zhe_hover"&
&img src="images/plus.gif"&&/h1&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&li&&a href="/"&
&img src="images/i2.jpg" /&
&div class="mr_zhe"&
&div class="mr_zhe_i"&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&div class="mr_zhe_hover"&
&img src="images/plus.gif"&&/h1&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&li&&a href="/"&
&img src="images/i3.jpg" /&
&div class="mr_zhe"&
&div class="mr_zhe_i"&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&div class="mr_zhe_hover"&
&img src="images/plus.gif"&&/h1&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&li&&a href="/"&
&img src="images/i4.jpg" /&
&div class="mr_zhe"&
&div class="mr_zhe_i"&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&div class="mr_zhe_hover"&
&img src="images/plus.gif"&&/h1&
&div class="mr_zhe_p"&
&span&家居软装设计概念&/span&Introduction soft home design&/h3&
&img class="mr_frBtnR next" src="images/mfrr.gif" /&
相关插件-悬停,幻灯片和轮播图,滑块和旋转
讨论这个项目（4）回答他人问题或分享插件使用方法奖励jQ币
请问使用方法是什么？
/* 图片滚动效果 */
jQuery(".mr_frbox").slide({
titCell: "",
mainCell: ".mr_frUl ul",
autoPage: false,
effect: "leftLoop",
autoPlay: true,
/* 鼠标悬停图片效果 */
jQuery(".mr_zhe_hover").css("top", jQuery('.mr_zhe').eq(0).height());
jQuery("ul#mr_fu li").mouseout(function (e) {
jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"relative","bottom":""});
//if ((e.pageX
(jQuery(this).offset().left + jQuery(this).width())) || (e.pageY
(jQuery(this).offset().top + jQuery(this).height()))) {
//jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"","bottom":""});
jQuery(this).find('.mr_zhe_i').show();
jQuery(this).find('.mr_zhe_hover').hide().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
//} 这段如果不注释会导致无法隐藏
jQuery('.mr_zhe').mouseover(function (event) {
jQuery(".mr_zhe_hover img").eq(jQuery(".mr_zhe").index(this)).css({"position":"relative","bottom":"190px"});
//jQuery(".mr_zhe").index(this)为当前选中的元素
jQuery(this).find('.mr_zhe_i').hide();
jQuery(this).find('.mr_zhe_hover').show().stop().animate({ top: '190px' }, { queue: false, duration: 190 });
以上是一个微网站展示示例"http://www.ok100.me/"
分享的都是好人啊~~~
PROMULGATOR
关注作者 (49)
收藏此插件 (135)
我当前jQ币余额：正在获取..
已下载次数：1542
所需jQ币：0

我要回帖

 

随机推荐