<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/layout_220082c.css" /> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <meta name="viewport" content="width=device-width" /> <title>页jQuery特效</title> <link rel="stylesheet" type="text/css" href="css/home_2c89410.css" /> </head> <body> <!-- customer --> <div class="ag-content-customer-wrap"> <div class="ag-content-customer"> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>传统企业主</span> <img src="images/ag-customer-tradition_ad3bf6f.png" data-hover="77" data-normal="85" /> </div> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>淘宝掌柜</span> <img src="images/ag-customer-taobao_a9d7af6.png" style="left:65px;
" data-hover="57" data-normal="65" /> </div> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>中小企业主</span> <img src="images/ag-customer-small_35b8744.png" style="left:96px;
" data-hover="88" data-normal="96" /> </div> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>大品牌客户</span> <img src="images/ag-customer-brand_9ca1bac.png" style="left:83px;
" data-hover="75" data-normal="83" /> </div> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>搜索引擎广告主</span> <img src="images/ag-customer-search_83f9a60.png" style="left:56px;
" data-hover="48" data-normal="56" /> </div> <div class="ag-content-customer-ele"> <div class="ag-content-customer-ele-shadow"></div> <span>网站主</span> <img src="images/ag-customer-web_d2729dd.png" style="left:83px;
" data-hover="75" data-normal="83" /> </div> <div class="ag-content-customer-ele-detail"> <ul> <li class="acced-li-1"></li> <li class="acced-li-2"></li> <li class="acced-li-3"></li> <li class="acced-li-4"></li> <li class="acced-li-5"></li> <li class="acced-li-6"></li> </ul> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-tradition_ad3bf6f.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:30px;
right:0px;
"><img src="images/ag-customer-tradition-txt_d2077c8.png" /></span> <a href="#/products/weixin" class="agwyx" style="top:190px;
left:262px;
">AG微营销</a> </div> </div> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-taobao_a9d7af6.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:30px;
right:0px;
"><img src="images/ag-customer-taobao-txt_2d1d5db.png" /></span> <a href="#/products/dsp" class="agwm" style="top:190px;
left:262px;
">AG网盟</a> </div> </div> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-small_35b8744.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:27px;
left:0px;
text-align:right;
"><img src="images/ag-customer-small-txt-1_c935044.png" /></span> <span class="point" style="top:88px;
right:158px;
">></span> <a href="#/products/dsp" class="agwm" style="top:40px;
right:0px;
">AG网盟</a> <span style="top:235px;
left:50px;
text-align:right;
"><img src="images/ag-customer-small-txt-2_b08da8b.png" /></span> <span class="point" style="top:262px;
right:158px;
">></span> <a href="#/products/reporting-analytics" class="aggg" style="top:210px;
right:0px;
">AG广告效果分析平台</a> </div> </div> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-brand_9ca1bac.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:46px;
left:10px;
text-align:right;
"><img src="images/ag-customer-brand-txt-1_ad914ee.png" /></span> <span class="point" style="top:88px;
right:158px;
">></span> <a href="#/products/enterprise" class="agxt" style="top:40px;
right:0px;
">AG广告系统旗舰版</a> <span style="top:220px;
left:-18px;
text-align:right;
"><img src="images/ag-customer-brand-txt-2_b3dd522.png" /></span> <span class="point" style="top:262px;
right:158px;
">></span> <a href="#/products/dsp" class="agwm" style="top:210px;
right:0px;
">AG网盟</a> </div> </div> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-search_83f9a60.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:30px;
right:20px;
"><img src="images/ag-customer-search-txt_592f82b.png" /></span> <a href="#/products/smb" class="jjzs" style="top:190px;
left:92px;
">AG竞价助手</a> <a href="http://www.jq22.com" class="tgrb" style="top:190px;
left:262px;
">推广日报</a> <a href="#/products/ag360editor" class="ag360" style="top:190px;
left:432px;
">AG360营销助手</a> </div> </div> <div class="ag-content-customer-ele-detail-display"> <div class="ag-content-customer-ele-detail-display-left"> <img src="images/ag-customer-web_d2729dd.png" /> </div> <div class="ag-content-customer-ele-detail-display-right"> <span style="top:60px;
right:60px;
"><img src="images/ag-customer-web-txt_c205aff.png" /></span> <a href="#/products/reporting-analytics" class="aggg" style="top:190px;
left:262px;
">AG广告效果分析平台</a> </div> </div> <div class="ag-content-customer-ele-detail-return"><span><</span>重选角色</div> </div> </div> </div> <script type="text/javascript"> var ctrlBar = false;
var float_timer = null;
var float_max_X;
var float_max_Y;
var float_ctrl_X = true;
var float_ctrl_Y = true;
$(function () {
float_max_X = $(window).width();
float_max_Y = $(window).height();
}
);
function showVideoImage() {
if ($('.vjs-poster').css('display') == 'none') {
$('.vjs-poster').addClass('index').show();
}
else {
setTimeout('showVideoImage()', 50);
}
}
function startMove() {
var obj = $('#floatAdv');
var limit_X = float_max_X - obj.width();
var limit_Y = float_max_Y - obj.height();
float_timer = setInterval(function () {
var _x = parseInt(obj.css('left'));
var _y = parseInt(obj.css('top'));
if (_x >= limit_X) {
float_ctrl_X = false;
}
if (_x <= 0) {
float_ctrl_X = true;
}
if (_y >= limit_Y) {
float_ctrl_Y = false;
}
if (_y <= 0) {
float_ctrl_Y = true;
}
if (float_ctrl_X) {
_x += 1;
}
else {
_x -= 1;
}
if (float_ctrl_Y) {
_y += 1;
}
else {
_y -= 1;
}
obj.css({
'left': _x + 'px', 'top': _y + 'px'
}
);
}
, 10);
}
function endMove() {
clearInterval(float_timer);
}
$(document).ready(function () {
$('.ag-header ul li:eq(0)').addClass('current-page');
showVideoImage();
$('#floatAdv').mouseenter(function () {
endMove();
}
);
$('#floatAdv').mouseleave(function () {
startMove();
}
);
$('#floatAdv span').click(function (e) {
endMove();
$('#floatAdv').attr('href', 'javascript:;
').removeAttr('target').hide();
}
);
$(".ag-content-customer-ele").bind("mouseenter mouseleave", function (e) {
var w = $(this).width();
var h = $(this).height();
var x = (e.pageX - this.offsetLeft - (w / 2)) * (w > h ? (h / w) : 1);
var y = (e.pag
web前端-团队成员介绍卡片特效.zip
需积分: 5 158 浏览量
2023-11-06
00:02:52
上传
评论
收藏 238KB ZIP 举报
web前端-团队成员介绍卡片特效.zip （23个子文件） 
web前端-团队成员介绍卡片特效 js 
jquery-1.10.2.min.js 91KB css layout_220082c.css 12KB home_2c89410.css 13KB
index.html 15KB images 
ag-customer-small-txt-1_c935044.png 8KB ag-customer-icon_ac6e25a.png 13KB ag-customer-taobao-txt_2d1d5db.png 8KB ag-tgrb-btn-1_3b967d3.png 2KB ag-customer-brand_9ca1bac.png 13KB ag-download-android-1_aeb8851.png 3KB ag-customer-small-txt-2_b08da8b.png 3KB ag-customer-tradition_ad3bf6f.png 14KB ag-customer-search_83f9a60.png 13KB ag-customer-search-txt_592f82b.png 8KB ag-customer-web_d2729dd.png 13KB ag-customer-brand-txt-1_ad914ee.png 5KB ag-link-icon_87d8dbf.png 41KB ag-customer-tradition-txt_d2077c8.png 8KB ag-download-ios-1_04d4257.png 3KB ag-customer-small_35b8744.png 14KB ag-customer-brand-txt-2_b3dd522.png 7KB ag-customer-web-txt_c205aff.png 3KB ag-customer-taobao_a9d7af6.png 16KB资源评论
