[予約]関数をズームすることができ、画像の公園ブログ実現します

 

：より転載https://www.cnblogs.com/yulongcode/p/10583129.html

1、行く  githubのzoom.js  必要なのjsとcssファイルをダウンロード

2、自分のブログパークにzoom.jsとzoom.cssアップロードファイルをダウンロードされます

ブログページに公園管理の設定を入力する3、（JS使用権を開いていない場合は、購読してください）

ページのカスタムCSSコードは、カスタムコードを追加します。

1 / * * /隠されたオーバーフローを設定し
、{#mainContent #topics 2 
3オーバーフロー：目に見える; 
4} 
。{5 #postDesc 
。6フロート：なし; 
7}

カスタムコードを追加するフッターのHTMLコード（置換アドレスzoom.jsとzoom.cssに注意してください）：

<！ - zoom.js的样式- > 
<リンクのrel = "スタイルシート"タイプ= "テキスト/ cssの"のhref = "https://blog-static.cnblogs.com/files/anwug/zoom.css"> 
<！ - jQueryのCDN的- > 
<スクリプトSRC = "https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"> </ SCRIPT> 
<！ -ブートストラップ的推移。 JSのCDN（过渡动画插件） - > 
<スクリプトSRC = "https://cdn.bootcss.com/bootstrap/3.2.0/js/transition.js"> </ SCRIPT> 
<！ - zoom.js核心代码- > 
<スクリプトSRC = "https://blog-static.cnblogs.com/files/anwug/zoom.js"> </ SCRIPT> 
<スクリプトタイプ= 'テキスト/ javascriptの'> $（ '＃cnblogs_post_body IMG '）.ATTR（'データ・アクション」、 'ズーム'）; </ SCRIPT>