1|0用面向对象的思路来写
1|1个人版
bin/starts.py
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #cnblogs_post_body p img:hover{ cursor: pointer; } /*#cnblogs_post_body p img[style~=grab]{ width: 800px; }*/ li{ list-style: ; } </style> </head> <body> <h1>1</h1> <h1>2</h1> <h1>3</h1> <h1>4</h1> <h1>5</h1> <h1>6</h1> <h1>7</h1> <div id="cnblogs_post_body"> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> </div> <!-- <script src="https://cdn.bootcss.com/zooming/2.1.1/zooming.js"></script>--> <!--<script type="text/javascript"> var zooming = new Zooming({ "bgColor":"#000", "bgOpacity": "0.8", //bgOpacity }); zooming.listen('#cnblogs_post_body p img'); // #000 </script>--> <!--<script src="https://cdn.bootcss.com/lightbox2/2.11.1/js/lightbox-plus-jquery.min.js"></script> <link href="https://cdn.bootcss.com/lightbox2/2.11.1/css/lightbox.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/lightbox2/2.11.1/js/lightbox.js"></script> <script> lightbox.option({ 'resizeDuration': 200, 'wrapAround': true }) </script>--> <!--<script src="http://www.suwanbin.com/my_zooming.js"></script>--> <!--<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>--> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> <script type="text/javascript"> $(window).load(function(){ $("h1").each(function(index){ console.log($(this)); preStyle = "▍" + (index + 1); this.innerText = preStyle + this.innerText; }); }); </script> <script src="https://cdn.bootcss.com/zooming/2.1.1/zooming.js"></script> <script type="text/javascript"> var zooming = new Zooming({ "bgColor":"#000", "bgOpacity": "0.8", "enableGrab": false, // 放大后的回调函数 "onOpen": function(e){ console.log(e, ' before'); e.style.position = "absolute"; e.style.width = "800px"; console.log(e.style.postion, ' before'); }, // 关闭后的回调函数 "onClose": function(e){ console.log(e, ' after'); e.style.position = "none"; e.style.width = "200px"; }, }); zooming.listen('#cnblogs_post_body p img'); </script> </body> </html>
views/main.py
views/main.py
views/admin.py
interface/admin.py
db/models.py
db/db_handler.py
conf/settings.py
start.py
core/src.py
core/admin.py
interface/admin_interface.py
db/models.py
db/db_hanlder.py
conf/settings.py
lib/common.py
views/admin.py
interface/admin.py
db/models.py
db/db_handler.py
conf/settings.py
lib/common.py
1|2tank版
start.py
core/src.py
core/admin.py
interface/admin_interface.py
db/models.py
db/db_hanlder.py
conf/settings.py
lib/common.py
__EOF__
作 者:Suwanbin
出 处:https://www.cnblogs.com/suwanbin/p/11279832.html
关于博主:希望我的博客对你能有所帮助,如果内容有什么错误,欢迎评论指出哦,或者直接私信我
版权声明:声明如果是整文转载请在文章开头或者结尾处 注明 原文地址 如果是大段参考请 备注 参考链接
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
1|0用面向对象的思路来写
1|1个人版
bin/starts.py
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #cnblogs_post_body p img:hover{ cursor: pointer; } /*#cnblogs_post_body p img[style~=grab]{ width: 800px; }*/ li{ list-style: ; } </style> </head> <body> <h1>1</h1> <h1>2</h1> <h1>3</h1> <h1>4</h1> <h1>5</h1> <h1>6</h1> <h1>7</h1> <div id="cnblogs_post_body"> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> <p> <img src="img/头像.jpg" data-lightbox="roadtrip" alt="" /> </p> </div> <!-- <script src="https://cdn.bootcss.com/zooming/2.1.1/zooming.js"></script>--> <!--<script type="text/javascript"> var zooming = new Zooming({ "bgColor":"#000", "bgOpacity": "0.8", //bgOpacity }); zooming.listen('#cnblogs_post_body p img'); // #000 </script>--> <!--<script src="https://cdn.bootcss.com/lightbox2/2.11.1/js/lightbox-plus-jquery.min.js"></script> <link href="https://cdn.bootcss.com/lightbox2/2.11.1/css/lightbox.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/lightbox2/2.11.1/js/lightbox.js"></script> <script> lightbox.option({ 'resizeDuration': 200, 'wrapAround': true }) </script>--> <!--<script src="http://www.suwanbin.com/my_zooming.js"></script>--> <!--<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>--> <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script> <script type="text/javascript"> $(window).load(function(){ $("h1").each(function(index){ console.log($(this)); preStyle = "▍" + (index + 1); this.innerText = preStyle + this.innerText; }); }); </script> <script src="https://cdn.bootcss.com/zooming/2.1.1/zooming.js"></script> <script type="text/javascript"> var zooming = new Zooming({ "bgColor":"#000", "bgOpacity": "0.8", "enableGrab": false, // 放大后的回调函数 "onOpen": function(e){ console.log(e, ' before'); e.style.position = "absolute"; e.style.width = "800px"; console.log(e.style.postion, ' before'); }, // 关闭后的回调函数 "onClose": function(e){ console.log(e, ' after'); e.style.position = "none"; e.style.width = "200px"; }, }); zooming.listen('#cnblogs_post_body p img'); </script> </body> </html>