隐藏在底部的DIV点击弹出jquery特效

 

隐藏在底部的DIV点击弹出jquery特效,点击可以查看大图
需      要: 0.0 金币
折      扣: 100 (% 折)
 
下载次数: 25
支持一下(1)
100.00%
踩一下(0)
0.00%
  • 下载等级:
  • 编  号: 20120601174453
  • 浏览器兼容Firefox9.0及以前,Firefox10.0,Chrome17.0及以前,Chrome18.0,Opera
  • 更新日期: 2012-06-01
  • 大  小: 103.48K
  • 浏览次量: 5322
  • 开发者链接: 官网  演示
  • 相  关: 违规举报
  • 收  藏:( 1 人收藏) 加入收藏
  • 此内容校验人员: sinacomcn
分享到:   
pengbin  
 中尉 上传于/2012-06-01 17:48:05
VIP会员   
   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Flickr Photobar Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Flickr Photobar Gallery for your website" />
<meta name="keywords" content="flickr, photostream, website, integration, jquery"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
</head>
<style>
body { background:#e8f6ff url(title.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif; }
span.reference { position:fixed; right:20px; top:10px; font-size:10px; text-transform:uppercase; }
span.reference a { color:#aaa; text-decoration:none; text-shadow:1px 1px 1px #fff; }
span.reference a:hover { color:#000; }
.content { margin: 100px auto 0px auto; background-color:#3d3d3d; color:#fff; text-transform:uppercase; font-size:10px; border:1px solid #222; padding:30px; -moz-box-shadow:0px 0px 8px #444; -webkit-box-shadow:0px 0px 8px #444; box-shadow:0px 0px 8px #444; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-shadow:1px 1px 1px #000; opacity:0.9; }
.content a { color:#ddd; font-weight:bold; text-decoration:none; }
.content a:hover { color:#fff; }
.content h2 { font-weight:normal; text-shadow:0px 0px 1px #777; }
.arrow { width:311px; height:200px; position:fixed; bottom:10px; left:100px; background:transparent url(arrow.png) no-repeat top left; }
</style>
<body>
<div> <span class="reference"> <a href="http://www.25175.com/">25175</a> </span> </div>
<div class="arrow"></div>
<div class="content">
  <h2>Show your Flickr Photostream on your website</h2>
  <p>This gallery uses the Flickr API to pull photo sets from a user's photostream.</p>
  <p>You need a flickr API key and the username for this to work.
    You can <a href="http://www.flickr.com/services/api/misc.api_keys.html">apply for a Flicker application key</a>. </p>
</div>
<div class="flickr_photobar">
  <div id="flickr_overlay" class="overlay" style="display:none;"></div>
  <div id="flickr_photopreview" class="photopreview" style="display:none;">
    <div class="preview_wrapper">
      <div class="preview">
        <div class="loading"></div>
        <div id="preview_close" class="close"></div>
        <span id="large_phototitle"></span>
        <!--image-->
        <a href="#" id="preview_img_next" class="img_next"></a> <a href="#" id="preview_img_prev" class="img_prev"></a> </div>
    </div>
  </div>
  <div id="photobar" class="photobar">
    <div class="thumbs albums" id="sets"> <a href="#" class="prev"></a>
      <div class="thumbsWrapper">
        <ul>
        </ul>
      </div>
      <a href="#" class="next"></a> </div>
    <div class="thumbs images" id="images" style="bottom:-125px;"> <a href="#" class="prev"></a>
      <div class="thumbsWrapper">
        <ul>
        </ul>
      </div>
      <a href="#" class="next"></a> <span class="images_toggle"> Set: <span id="setName"></span> <a id="images_toggle">Back to Sets</a> </span> </div>
    <a id="flickr_toggle" class="toggle"> Flickr Photostream <span style="visibility:hidden;" class="loading_small"></span> </a> </div>
</div>

<div style="width:550px;margin:20px auto;">
<p><strong><a href="http://www.25175.com" target="_blank">25175</a></strong> </p>
</div>

<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.viewport.js" type="text/javascript"></script>
<script src="jquery.FlickrPhotobar.js" type="text/javascript"></script>
</body>
</html>

 购买记录
gbfriendship
新兵
dandy2010
新兵
nhtemp
新兵
opq5120
新兵
miladhamzelo
新兵
mengjie
新兵
aianswer
新兵
cping1210
新兵
fredman
新兵
liulin
新兵
zgh9412
新兵
Register
新兵
会员评论:  

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

  验证码:
 
反馈请帮助我们提高!意见反馈