纯CSS3图像滑块 - 没有JavaScript或无线电输入

作者：保佑欣疼你的芯疼 | 2023-09-08 05:21

如何解决《纯CSS3图像滑块-没有JavaScript或无线电输入》经验，为你挑选了1个好方法。

有没有办法可以使用CSS3和HTML创建图像滑块,
但不使用任何HTML input(无线电)元素,没有JavaScript？

我有一个大规模的搜索会话,发现很接近并运行良好的东西,但是使用HTML无线电输入.

1> Roko C. Bulj..：

纯CSS旋转木马

(...因为你不允许使用input radio元素来维持活动状态......)
还有另一种方法可以使用伪在纯CSS(3)中创建一个滑动库. :target

:target成为id="foo"由具有URI片段(哈希)的点击锚引用的元素href="#foo"

在CSS中,使用:target伪可以使用~(通用同级选择器)将树下引用到其他同级元素,并且可以像往常一样进一步访问其子元素(幻灯片,按钮等).

提示:如果您不喜欢图库中的"功能" 弄乱您的URL片段(浏览器返回按钮触发图库幻灯片而不是导航历史记录!),您可以随时对其进行沙盒化 - 将您的图库文件调用为</code></strong>.</p></p> <p> <p></p><p class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false"> <p class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>html, body{height:100%;} body{font:15px/1 sans-serif; margin:0;} /* RESPONSIVE CSS3 SLIDE CAROUSEL GALLERY http://stackoverflow.com/a/34696029/383904 */ .CSSgal{ position: relative; overflow: hidden; height: 100%; /* Or set a fixed height */ } /* SLIDER */ .CSSgal .slider{ height: 100%; white-space: nowrap; font-size: 0; transition: 0.8s; } /* SLIDES */ .CSSgal .slider > *{ font-size: 1rem; display: inline-block; vertical-align: top; height: 100%; width: 100%; background: none 50% no-repeat; background-size: cover; } /* PREV/NEXT, CONTAINERS & ANCHORS */ .CSSgal .prevNext{ position: absolute; z-index: 1; top: 50%; width: 100%; height: 0; } .CSSgal .prevNext > div+div{ visibility: hidden; /* Hide all but first P/N container */ } .CSSgal .prevNext a{ background: #fff; position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; opacity: 0.7; text-decoration: none; -webkit-transform: translateY( -50% ); transform: translateY( -50% ); } .CSSgal .prevNext a:hover{ opacity: 1; } .CSSgal .prevNext a+a{ right: 0px; } /* NAVIGATION */ .CSSgal .bullets{ position: absolute; z-index: 2; bottom: 0; padding: 10px 0; width: 100%; text-align: center; } .CSSgal .bullets > a{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-decoration: none; text-align: center; border-radius: 50%; background: rgba(255,255,255,1); } .CSSgal .bullets > a+a{ background: rgba(255,255,255,0.5); /* Dim all but first */ } .CSSgal .bullets > a:hover{ background: rgba(0,255,255,0.9); } /* ACTIVE NAVIGATION ANCHOR */ .CSSgal >s:target ~ .bullets >* { background: rgba(255,255,255,0.5); } #s1:target ~ .bullets >*:nth-child(1){ background: rgba(255,255,255, 1); } #s2:target ~ .bullets >*:nth-child(2){ background: rgba(255,255,255, 1); } #s3:target ~ .bullets >*:nth-child(3){ background: rgba(255,255,255, 1); } #s4:target ~ .bullets >*:nth-child(4){ background: rgba(255,255,255, 1); } /* PREV/NEXT CONTAINERS VISIBILITY */ .CSSgal >s:target ~ .prevNext >* { visibility: hidden; } #s1:target ~ .prevNext >*:nth-child(1){ visibility: visible; } #s2:target ~ .prevNext >*:nth-child(2){ visibility: visible; } #s3:target ~ .prevNext >*:nth-child(3){ visibility: visible; } #s4:target ~ .prevNext >*:nth-child(4){ visibility: visible; } /* SLIDER ANIMATION POSITIONS */ #s1:target ~ .slider{ transform: translateX( 0%); -webkit-transform: translateX( 0%); } #s2:target ~ .slider{ transform: translateX(-100%); -webkit-transform: translateX(-100%); } #s3:target ~ .slider{ transform: translateX(-200%); -webkit-transform: translateX(-200%); } #s4:target ~ .slider{ transform: translateX(-300%); -webkit-transform: translateX(-300%); }</pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><div class="CSSgal">  <s id="s1"></s> <s id="s2"></s> <s id="s3"></s> <s id="s4"></s> <div class="slider"> <div >Slide 1</div> <div //i.imgur.com/squw4Fw.jpg');"></div> <div >Slide 3</div> <div >Slide 4</div> </div> <div class="prevNext"> <div><a href="#s4">4</a><a href="#s2">2</a></div> <div><a href="#s1">1</a><a href="#s3">3</a></div> <div><a href="#s2">2</a><a href="#s4">4</a></div> <div><a href="#s3">3</a><a href="#s1">1</a></div> </div> <div class="bullets"> <a href="#s1">1</a> <a href="#s2">2</a> <a href="#s3">3</a> <a href="#s4">4</a> </div> </div></pre> </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Rust_MeiYouYunXi_37830012.html" target="_blank" title="Rust没有运行helloworld示例">Rust没有运行helloworld示例</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Rust没有运行helloworld示例》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Rust_MeiYouYunXi_37830012.html" target="_blank" title="Rust没有运行helloworld示例">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZaiChuangJia_e5cb5bf3.html" target="_blank" title="如何在创建新类时指定超类">如何在创建新类时指定超类</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在创建新类时指定超类》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeZaiChuangJia_e5cb5bf3.html" target="_blank" title="如何在创建新类时指定超类">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Google_XieZuoPin_ca840064.html" target="_blank" title="Google协作平台API全文搜索不适用于非西方语言">Google协作平台API全文搜索不适用于非西方语言</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Google协作平台API全文搜索不适用于非西方语言》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Google_XieZuoPin_ca840064.html" target="_blank" title="Google协作平台API全文搜索不适用于非西方语言">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/opencv_ZhongDe_f_4594532f.html" target="_blank" title="opencv中的filter2D真的可以完成它的工作吗？">opencv中的filter2D真的可以完成它的工作吗？</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/opencv_ZhongDe_f_4594532f.html" target="_blank" title="opencv中的filter2D真的可以完成它的工作吗？"><img src="https://img.devbox.cn/3cccf/16086/243/fc625743366a4cce.png" width="120" height="70" alt="opencv中的filter2D真的可以完成它的工作吗？"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《opencv中的filter2D真的可以完成它的工作吗？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/opencv_ZhongDe_f_4594532f.html" target="_blank" title="opencv中的filter2D真的可以完成它的工作吗？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMePuTongZi_bc4108fe.html" target="_blank" title="为什么普通字符串可以用作文件句柄？">为什么普通字符串可以用作文件句柄？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么普通字符串可以用作文件句柄？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMePuTongZi_bc4108fe.html" target="_blank" title="为什么普通字符串可以用作文件句柄？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Python_ZhongDeLu_82065694.html" target="_blank" title="Python中的路径查找效率">Python中的路径查找效率</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Python中的路径查找效率》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/Python_ZhongDeLu_82065694.html" target="_blank" title="Python中的路径查找效率">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiZhi_--0---_Ji_87557177.html" target="_blank" title="位置"0"(键)中的项目未被删除,为什么？">位置"0"(键)中的项目未被删除,为什么？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《位置"0"(键)中的项目未被删除,为什么？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiZhi_--0---_Ji_87557177.html" target="_blank" title="位置"0"(键)中的项目未被删除,为什么？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiYongJiaoHuMoS_9d2cc900.html" target="_blank" title="使用交互模式'git stash apply'">使用交互模式'git stash apply'</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《使用交互模式'gitstashapply'》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ShiYongJiaoHuMoS_9d2cc900.html" target="_blank" title="使用交互模式'git stash apply'">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Yi_root_ShenFenY_a8259d3b.html" target="_blank" title="以root身份运行notify-send">以root身份运行notify-send</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《以root身份运行notify-send》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/Yi_root_ShenFenY_a8259d3b.html" target="_blank" title="以root身份运行notify-send">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/--39;require--39_49f5f627.html" target="_blank" title="'require'关键字未被webstorm识别">'require'关键字未被webstorm识别</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/--39;require--39_49f5f627.html" target="_blank" title="'require'关键字未被webstorm识别"><img src="https://img.devbox.cn/3cccf/16086/243/5e25fe10f29a56d2.png" width="120" height="70" alt="'require'关键字未被webstorm识别"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《'require'关键字未被webstorm识别》经验，为你挑选了3个好方法。 ... <a href="https://devbox.cn/p/--39;require--39_49f5f627.html" target="_blank" title="'require'关键字未被webstorm识别">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ShiMeShiCong_dic_be3d0b0f.html" target="_blank" title="什么是从dict中获取项目的简单方法,如果没有找到,可以从另一个dict获得？">什么是从dict中获取项目的简单方法,如果没有找到,可以从另一个dict获得？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《什么是从dict中获取项目的简单方法,如果没有找到,可以从另一个dict获得？》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/ShiMeShiCong_dic_be3d0b0f.html" target="_blank" title="什么是从dict中获取项目的简单方法,如果没有找到,可以从另一个dict获得？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZhongDuanHuo_97da9e28.html" target="_blank" title="如何中断或去抖inotifywait循环？">如何中断或去抖inotifywait循环？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何中断或去抖inotifywait循环？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeZhongDuanHuo_97da9e28.html" target="_blank" title="如何中断或去抖inotifywait循环？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/HuoQu_numpy1d_Sh_539b98c3.html" target="_blank" title="获取numpy 1d数组的索引,其中value大于前一个元素">获取numpy 1d数组的索引,其中value大于前一个元素</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《获取numpy1d数组的索引,其中value大于前一个元素》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/HuoQu_numpy1d_Sh_539b98c3.html" target="_blank" title="获取numpy 1d数组的索引,其中value大于前一个元素">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeTongGuo_fidd_b104b974.html" target="_blank" title="如何通过fiddler2捕获python SSL(HTTPS)连接">如何通过fiddler2捕获python SSL(HTTPS)连接</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何通过fiddler2捕获pythonSSL(HTTPS)连接》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeTongGuo_fidd_b104b974.html" target="_blank" title="如何通过fiddler2捕获python SSL(HTTPS)连接">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeCong_Racket__95ec29c1.html" target="_blank" title="如何从Racket中的html中提取元素？">如何从Racket中的html中提取元素？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何从Racket中的html中提取元素？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeCong_Racket__95ec29c1.html" target="_blank" title="如何从Racket中的html中提取元素？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Bootstrap_MoTaiS_fe7603c2.html" target="_blank" title="Bootstrap模态使滚动条在关闭后消失">Bootstrap模态使滚动条在关闭后消失</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Bootstrap模态使滚动条在关闭后消失》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/Bootstrap_MoTaiS_fe7603c2.html" target="_blank" title="Bootstrap模态使滚动条在关闭后消失">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/JuYouTongYongYin_9f2d87b4.html" target="_blank" title="具有通用引用的成员函数模板将不接受左值">具有通用引用的成员函数模板将不接受左值</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《具有通用引用的成员函数模板将不接受左值》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/JuYouTongYongYin_9f2d87b4.html" target="_blank" title="具有通用引用的成员函数模板将不接受左值">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_c_ZhongF_ba41bbc6.html" target="_blank" title="如何在c中返回char(*)[6]？">如何在c中返回char(*)[6]？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在c中返回char(*)[6]？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_c_ZhongF_ba41bbc6.html" target="_blank" title="如何在c中返回char(*)[6]？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/YouJianTeSeTuXia_33c3288e.html" target="_blank" title="邮件特色图像链接存储在WordPress数据库中的哪个位置？">邮件特色图像链接存储在WordPress数据库中的哪个位置？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《邮件特色图像链接存储在WordPress数据库中的哪个位置？》经验，为你挑选了4个好方法。 ... <a href="https://devbox.cn/p/YouJianTeSeTuXia_33c3288e.html" target="_blank" title="邮件特色图像链接存储在WordPress数据库中的哪个位置？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/androidsqlite_Ch_471170f2.html" target="_blank" title="android sqlite查询速度慢">android sqlite查询速度慢</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《androidsqlite查询速度慢》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/androidsqlite_Ch_471170f2.html" target="_blank" title="android sqlite查询速度慢">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了</textarea> </div> <div class="cmnt_cmt"> <div class="cmnt_login_box"> <a href="https://www.php1.cn/?s=user/login/index&from=">会员登录</a> | <a href="http://www.php1.cn/?s=user/reg/index">用户注册</a> </div> <div class="post_cmnt"><input type="button" value="吐  槽" onclick="post_ping();" /></div> </div> </form> </div> </div> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushBash.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCpp.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushCss.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushDiff.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushGroovy.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJava.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushJScript.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPhp.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPlain.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushPython.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushScala.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushSql.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushVb.js"></script> <script type="text/javascript" src="/style/SyntaxHighlighter/scripts/shBrushXml.js"></script> <link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shCore.css"/> <link type="text/css" rel="stylesheet" href="/style/SyntaxHighlighter/styles/shThemeLiuQing.css"/> <style> .syntaxhighlighter{ width: 740px; padding-top:40px;padding-bottom:20px; border: 1px solid #333; background: url("/style/SyntaxHighlighter/top_bg.svg"); background-size: 43px; background-repeat: no-repeat; margin-bottom: -7px; border-radius: 15px; background-position: 16px 12px; padding-left: 10px; } .gutter{ display: none; } </style> <script type="text/javascript"> SyntaxHighlighter.all(); </script> <div class="article_right"> <div class="profile"> <div class="author">  <div class="author-avatar"> <a href="/u/baoyouxintengnidexinteng"> <img src="https://img.devbox.cn/3cdc5/64c2/cd5/f53c066002fa970f.png" class="lazy-img" data-url="" alt="devbox"> </a> </div> <div class="author-name"> 保佑欣疼你的芯疼 </div> <div class="author-intro"> 这个屌丝很懒，什么也没留下！ </div> <div class="author-bt"> <a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者"> <svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg> 关注作者</a> </div> </div> </div> <div class="tools"> <div class="tools_top">Tags | 热门标签</div> <div class="tools_box"> <ul> <li> <a href="/tag/actionscrip" target="_blank" title="actionscrip">actionscrip</a> </li> <li> <a href="/tag/bash" target="_blank" title="bash">bash</a> </li> <li> <a href="/tag/c#" target="_blank" title="c#">c#</a> </li> <li> <a href="/tag/c++" target="_blank" title="c++">c++</a> </li> <li> <a href="/tag/c语言" target="_blank" title="c语言">c语言</a> </li> <li> <a href="/tag/erlang" target="_blank" title="erlang">erlang</a> </li> <li> <a href="/tag/flutter" target="_blank" title="flutter">flutter</a> </li> <li> <a href="/tag/go" target="_blank" title="go">go</a> </li> <li> <a href="/tag/golang" target="_blank" title="golang">golang</a> </li> <li> <a href="/tag/java" target="_blank" title="java">java</a> </li> <li> <a href="/tag/javascript" target="_blank" title="javascript">javascript</a> </li> <li> <a href="/tag/lua" target="_blank" title="lua">lua</a> </li> <li> <a href="/tag/node.js" target="_blank" title="node.js">node.js</a> </li> <li> <a href="/tag/perl" target="_blank" title="perl">perl</a> </li> <li> <a href="/tag/php" target="_blank" title="php">php</a> </li> <li> <a href="/tag/python" target="_blank" title="python">python</a> </li> <li> <a href="/tag/scala" target="_blank" title="scala">scala</a> </li> <li> <a href="/tag/typescript" target="_blank" title="typescript">typescript</a> </li> <div style="clear: both"></div> </ul> </div> </div> <div class="rank"> <div class="rank_top">RankList | 热门文章</div> <div class="rank_box"> <ul> <li> <b >1</b><a href="https://devbox.cn/p/Zai_iOS_YingYong_739a318f.html" title="在iOS应用和Web应用上链接Facebook Graph" target="_blank">在iOS应用和Web应用上链接Facebook Graph</a> </li> <li> <b >2</b><a href="https://devbox.cn/p/c--_DuiXiangChuS_eb92ad7d.html" title="c ++对象初始化和构造函数语义" target="_blank">c ++对象初始化和构造函数语义</a> </li> <li> <b >3</b><a href="https://devbox.cn/p/Java-String-repl_8f3969f3.html" title="Java - String.replace()的意外行为" target="_blank">Java - String.replace()的意外行为</a> </li> <li> <b >4</b><a href="https://devbox.cn/p/SQL_CuoWu_-_Guan_7d0caba1.html" title="SQL错误 - 关键字'IS'附近的语法错误 - SQL中的数据库名称问题？" target="_blank">SQL错误 - 关键字'IS'附近的语法错误 - SQL中的数据库名称问题？</a> </li> <li> <b >5</b><a href="https://devbox.cn/p/Jiang_-1-n--bool_646e54e6.html" title="将(1:n)[boolean]分割成连续的序列" target="_blank">将(1:n)[boolean]分割成连续的序列</a> </li> <li> <b class="black">6</b><a href="https://devbox.cn/p/ShiYong_guid_HeW_88f483d2.html" title="使用guid和文件扩展名上传ASP.NET WebApi文件" target="_blank">使用guid和文件扩展名上传ASP.NET WebApi文件</a> </li> <li> <b class="black">7</b><a href="https://devbox.cn/p/YongYiGeYueErBuS_11eaba71.html" title="用一个月而不是一年创建大熊猫时间序列" target="_blank">用一个月而不是一年创建大熊猫时间序列</a> </li> <li> <b class="black">8</b><a href="https://devbox.cn/p/YouYaDeFangShiLa_3a9b09c3.html" title="优雅的方式来跳过迭代中的元素" target="_blank">优雅的方式来跳过迭代中的元素</a> </li> <li> <b class="black">9</b><a href="https://devbox.cn/p/Shi_e=_ShiJian_|_69354b6d.html" title="是e =事件|| window.event; IE8兼容性可接受" target="_blank">是e =事件|| window.event; IE8兼容性可接受</a> </li> <li> <b class="black">10</b><a href="https://devbox.cn/p/BiJiaoLiangGeMin_016bb9f8.html" title="比较两个名单" target="_blank">比较两个名单</a> </li> <li> <b class="black">11</b><a href="https://devbox.cn/p/DongHuaGuGeDiTuZ_384c6fe7.html" title="动画谷歌地图折线" target="_blank">动画谷歌地图折线</a> </li> <li> <b class="black">12</b><a href="https://devbox.cn/p/JiangBianLiangCh_617e284f.html" title="将变量传递给工厂angularjs" target="_blank">将变量传递给工厂angularjs</a> </li> <li> <b class="black">13</b><a href="https://devbox.cn/p/Javaunmarshillin_f75e3b6d.html" title="Java unmarshilling JSON数据包含抽象类型" target="_blank">Java unmarshilling JSON数据包含抽象类型</a> </li> <li> <b class="black">14</b><a href="https://devbox.cn/p/Capybara-_FangWe_788e1516.html" title="Capybara - 访问()不使用Firefox" target="_blank">Capybara - 访问()不使用Firefox</a> </li> <li> <b class="black">15</b><a href="https://devbox.cn/p/PHPPDO-Charset=U_e510db1a.html" title="PHP PDO:Charset = UTF8:在dsn字符串中指定了无效的关键字字符集" target="_blank">PHP PDO:Charset = UTF8:在dsn字符串中指定了无效的关键字字符集</a> </li> <li> <b class="black">16</b><a href="https://devbox.cn/p/ActiveRecord-_Sh_32093e72.html" title="ActiveRecord:使用where子句时不考虑毫秒数" target="_blank">ActiveRecord:使用where子句时不考虑毫秒数</a> </li> <li> <b class="black">17</b><a href="https://devbox.cn/p/RuHeFanHuiYuGeiD_5b23078a.html" title="如何返回与给定字符串匹配的枚举值？" target="_blank">如何返回与给定字符串匹配的枚举值？</a> </li> <li> <b class="black">18</b><a href="https://devbox.cn/p/ZheKeYiYong_CSS__2b484484.html" title="这可以用CSS完成吗？" target="_blank">这可以用CSS完成吗？</a> </li> <li> <b class="black">19</b><a href="https://devbox.cn/p/DjangoSouth-_RuH_4449e810.html" title="Django South - 如何在Django应用程序上重置迁移历史记录并开始清理" target="_blank">Django South - 如何在Django应用程序上重置迁移历史记录并开始清理</a> </li> <li> <b class="black">20</b><a href="https://devbox.cn/p/Clojure-_JianFaZ_f0b34002.html" title="Clojure:减法中的舍入不一致" target="_blank">Clojure:减法中的舍入不一致</a> </li> </ul> </div> </div> </div> <div style="clear: both;"></div> </div> <script type="application/javascript"> function follow(uid) { var myDate = new Date(); $.get("/user/follow/post?uid="+uid+"&stime="+myDate.getMilliseconds(),null,function(response){ if(response=="1"){ tips('关注成功！') $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1912"><path d="M984.554971 729.818319L757.2752 1001.934666c-23.431608 29.784785-63.349596 27.462118-91.084969 0l-148.309102-117.727323a34.156864 34.156864 0 0 1 34.156863-59.159688L711.732715 956.392181l224.524451-274.871667a34.156864 34.156864 0 1 1 48.297805 48.297805zM506.791534 592.052303c-6.284863 6.968-12.569726 0-22.771243 0-171.103115 0-386.928951 164.066802-386.928951 358.396584 0 18.740733-15.347817 33.951922-34.316262 33.951922a34.156864 34.156864 0 0 1-34.361805-33.951922c0-160.582801 134.122618-342.616113 323.283329-400.181814C261.271998 499.783228 210.765382 406.011252 210.765382 296.026151 210.765382 133.530566 342.428706 0 506.791534 0s296.026151 133.530566 296.026151 296.026151c0 161.630279-132.892971 294.614334-296.026151 296.026152z m0-523.738576c-126.243768 0-227.712424 102.903244-227.712424 227.712424s101.468656 227.712424 227.712424 227.712424 227.712424-102.903244 227.712424-227.712424S633.035302 68.313727 506.791534 68.313727z" p-id="1913"></path></svg>\n' +"已关注") }else if(response=="0"){ tips('已取消关注！') $("#follow_bt").html('<svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg>\n' + "关注作者") }else if(response=="-2"){ tips("请先登录！") }else{ tips("关注失败！") } }); } function like(sid) { var myDate = new Date(); $.get("/blog/article/like?sid="+sid+"&stime="+myDate.getMilliseconds(),null,function(response){ if(response!="-1"){ $("#like_num").html(response+"赞") }else{ tips("关注失败！") } }); } </script> <div class="bottom-bar"> DevBox开发工具箱 | 专业的在线开发工具网站    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040832" style="color:#444;"><img src="https://img.json1.cn/3cd4a/21981/c5a/4df0b47476da9030.png"/>京公网安备 11010802040832号</a>  |  <a href="https://beian.miit.gov.cn/" target="_blank" >京ICP备19059560号-6</a> <BR /> Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱版权所有 <BR /> </div></body> </html>