国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

發布BlueShow v1.0 圖片瀏覽器(類似lightbox)blueshow.js 打包下載

2019-11-21 02:00:21
字體:
來源:轉載
供稿:網友
好多天沒有發過日志了~ 
最近寫了一個圖片瀏覽器,是為PHPCMS文件管理器設計的,但后來看到了Lightbox,所以就改了一下,可以給一般的網頁使用。 

演示及說明地址:  http://longbill.cn/down/sample/blueshow/index.htm 

使用方法:  
1.下載 blueshow.js 文件,放到服務器上  你也可以直接使用這個: //m.survivalescaperooms.com/downtools/blueshow.js 

2.在你要用此程序的網頁中寫上這句(在和之間): 
<script src='http://yoursite/blueshow.js'></script> 
 http://yoursite/blueshow.js 為你放置程序的地址 
3.程序可以使用參數 比如 blueshow.js?lock=1&autorun=1 
  //說明: 
  //取值范圍為0和1 
  //lock:表示顯示圖片時是否鎖定原網頁 
  //autorun: 是否自動初始化(如果你的網頁含有一些比較慢的統計代碼強烈建議將此值設置為0) 
  //如果autorun=0那么請在網頁的最后(統計代碼之前)加上  
<script>BlueShow();</script>  

4.符合條件的圖片包括: 
  a. 
<a href='fdsfa.jpg'>鏈接</a> 
(指向圖片的鏈接,包括gif,jpg,png,jpeg,bmp,等,具體見blueshow.js。 如果圖片是動態生成的,比如 img.php?id=3 那么在后面加上 "&.gif" 即可) 
  b. 
<img class='blueshow' src='xxx.gif' /> 
 (class名中含有 "blueshow" 字符的img,如果img本來有class屬性,那么再原來的class名后加空格再加"blueshow"即可) 
復制代碼 代碼如下:

<html>
<head>
<title>Blue Show v1.0 使用說明 -- By Longbill</title>

<style>
a { text-decoration:none; color:#ff3333; }
.red { color:#ff3333}
body {text-align:center;background-image:url(http://longbill.cn/down/sample/blueshow/images/gezi.gif)}
div  {text-align:left;padding:8px;border:1px solid #4499ee;margin:5px;width:700px;
font-size:12px;background-color:#d6e9fc;color:#333333;}
img {margin:5px;}
h1{color:#ff8c05;font-size:16px;display:block;margin:2px;padding:0px;}
</style>
</head>
<body>
<div style="font-size:24px;color:#3333ee;font-weight:bold;text-align:center;">Blue Show v1.0 <a style='font-size:12px;color:#ff8c05;font-weight:normal;text-decoration:none;'  target=_blank>By Longbill</a></div>
<div>
<h1>使用方法:  </h1>
1.下載 blueshow.js 文件,放到服務器上 (<a  target=_blank>點擊這里下載</a>) 你也可以直接使用這個: <span class=red>http://longbill.cn/down/blog/blueshow.js</span><br/>
2.在你要用此程序的網頁中寫上這句(在<body>和</body>之間):<br/>
<span class=red><script language=javascript src='http://yoursite/blueshow.js'></script></span>  http://yoursite/blueshow.js 為你放置程序的地址<br/>
3.程序可以使用參數 比如  blueshow.js?lock=1&autorun=1<br/>
  //說明:<br/>
  //取值范圍為0和1<br/>
  //lock:表示顯示圖片時是否鎖定原網頁<br/>
  //autorun: 是否自動初始化(如果你的網頁含有一些比較慢的統計代碼強烈建議將此值設置為0)<br/>
  //如果autorun=0那么請在網頁的最后(統計代碼之前)加上 <span class=red><script language=javascript>BlueShow();</script></span> 詳情見本網頁源代碼<br/>
4.符合條件的圖片包括:<br/>
  a.<span class=red><a href=xxxxx.jpg>鏈接</a></span>(指向圖片的鏈接,包括gif,jpg,png,jpeg,bmp,等,具體見blueshow.js。 如果圖片是動態生成的,比如 img.php?id=3 那么在后面加上 "&.gif" 即可)<br/>
  b.<span class=red><img class="blueshow" src=圖片地址 /></span> (class名中含有 "blueshow" 字符的img,如果img本來有class屬性,那么再原來的class名后加空格再加"blueshow"即可)<br/>
<br/>
<a style='font-size:16px;color:#ff8c05'  target=_blank>到這里討論</a>
</div>
<div>
鏈接樣例:<br/>
<a >寶兒</a>
<a >寶兒</a>
<a >PLMM</a>
<a >美女</a>
<a >會動的人</a>
</div>

<div>
圖片樣例:<br/>
<img class="blueshow" src='http://www.google.com/logos/earthday05.gif' border=0 style='width:200px;' alt='Google' />
<img class="blueshow" src='http://www.google.com/logos/da_vinci.gif' border=0 style='width:200px;' alt='Google!!!!' />
<img class="blueshow" src='http://www.google.com/logos/van_gogh.gif' border=0 style='width:200px;' alt='Gooooooogle!!!!!' />
</div>
<script src='http://longbill.cn/down/blog/blueshow.js?lock=1&autorun=0'></script>
<script>
document.write = function () { return false;} //不讓統計代碼顯示東西
BlueShow();
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 张掖市| 工布江达县| 铅山县| 自贡市| 绵阳市| 新津县| 五台县| 普兰店市| 清镇市| 山西省| 衢州市| 长垣县| 辰溪县| 怀柔区| 武川县| 兰溪市| 缙云县| 南安市| 安陆市| 莆田市| 太保市| 家居| 日土县| 肇庆市| 称多县| 微山县| 弥勒县| 泗洪县| 尉氏县| 遂宁市| 卫辉市| 新密市| 定陶县| 鄂托克前旗| 绿春县| 江山市| 光山县| 光山县| 民县| 临沭县| 庆元县|