动态 版块 发帖 消息 我的
Loading...
发帖须知:尊敬的坛友您好!请遵守规则在相应的版块发帖,违规者扣除相应的积分和金币。
guest
登录之后更精彩~
子版块
admin
22
各位坛友们好,网站已经上线罗,大家可以在论坛里面尽情的发布自己想要发布的作品以及分享自己的技术废话不多说,开始发帖吧!
 0   1  34天前
admin
8
易语言软件展示软件名称:易语言免杀(加壳工具)软件来源:软件_类型:应用软件软件_语言:简体中文界面截图:隐藏内容
 0   0  5天前
admin
22
大家好,给大家分享一个我自己制作的VIP视频解析软件小陌VIP视频解析软件
 0   0  28天前
admin
25
大家好,想必大家都用过百度云盘,每次下载大文件的时候都特别操蛋,速度太慢了,等十天半个月也下载不完,今天给大家介绍了一款非要好的工具,百度与云盘破解版,希望大家都能够用上,去用吧!index.php?c=app&a=puyuetianeditor:index&s=showfile&id=9
 0   0  30天前
子墨韩a
13
教程介绍 旨在降低网络防范黑客的入门门槛,适合所有中小企业和传统企业。罗列常见的攻击手段和防范方法,让网站管理人员都具备基本的保护能力。Python 编程的简单实现,让网络运维变得更简单。各种黑客工具的理论和原理解剖,让人知其然更知道防范于未来。涉及互联网和局域网,让企业级网管工作更轻松。涵盖Linux&Windows 的知识点。 学习地址 百度:https://pan.baidu.com/s/1vbPNUJf3lIxyAdTlfsdARQ 天翼:https://cloud.189.cn/t/IBbQZvYjayee 微云:https://share.weiyun.com/X9p6Ac9V UC:https://www.yun.cn/s/f9f82749f42845aabd4b4a9d9b22a322
 0   0  32天前
子墨韩a
14
教程介绍从漏洞中学习代码,在代码中寻找漏洞,本课程教你学会主流的安全渗透实战技能,让学习网络安全成为一件简单的事!学习地址百度:https://pan.baidu.com/s/1GkTrrY65CPs6NdhM-DBvEA天翼:https://cloud.189.cn/t/aARNFbMVNRZr微云:https://share.weiyun.com/EJQpw4CDUC:https://www.yun.cn/s/cb50827c2297456b8f7bb8e0fb15fb57文件信息文件大小: 2621644098 字节MD5: 3AB8D7897505C782B8FD09C6E9967BFDSHA1: FE77B10320408B498F146295C2CCC55A5A383AE2CRC32: 2A50071D
 0   0  32天前
admin
16
第一步:首先下载谷歌浏览器,然后下载谷歌访问助手谷歌访问助手下载地址:https://wwa.lanzous.com/iVv66dy7ili下载好谷歌访问助手后点击谷歌浏览器右上角三个点,找到更多工具,然后找到扩展程序完成以上步骤后可以往下看第二步:把刚刚第一步下载好的谷歌访问助手用鼠标把他拉进去(拖进去)即可,如果拖进去后没有效果,那估计你的谷歌浏览器版本太低或者太高,不符合当前插件的版本,如果实在不会搞可以联系我QQ:2380699980完成以上步骤后可以往下看第三步:点击谷歌浏览器右上角的访问助手图标,登录代理账号密码,没有的话自己注册一个即可,登录完代理后就可以登录你的谷歌账号了,如果没有谷歌账号的话请自行注册一个,这里就不做多解释了。完成以上步骤后可以往下看第四步:添加VPN插件,并添加到扩展程序里面去,跟谷歌访问助手的操作一样,都是鼠标拖进去即可。SetupVPN添加地址:https://chrome.google.com/webstore/detail/setupvpn-lifetime-free-vp/oofgbpoabipfcfjapgnbbjjaenockbdp第五步:这时候插件会自动跳出一个页面出来,根据插件引导一步一步来操作就行了。好啦今天教程就介绍到这里吧,是不是很简单呢,如果还是不懂的话请联系我QQ:2380699980
 0   0  32天前
admin
7
雷鸟下载是一款基于多资源、超线程技术的下载软件,针对各类网盘做了下载化(当前支持百度网盘)。下载地址:隐藏内容
 0   2  33天前
admin
7
tab选项卡的一种写法css: <style type="text/css"> input{ background: white; } .active{ background: yellow; } div{ width: 100px; height:100px; background: #ccc; border: 1px solid red; display: none; } </style> javascript: <script type="text/javascript"> window.οnlοad=function(){ var aBtn=document.getElementsByTagName('input'); var divOne=document.getElementsByTagName("div"); var i=0; for(i=0;i<aBtn.length;i++){ aBtn[i].index=i; aBtn[i].οnclick=function(){ for(i=0;i<aBtn.length;i++){ aBtn[i].className=""; divOne[i].style.display="none" } divOne[this.index].style.display="block"; this.className="active"; } } } </script> html: <input type="button" class="active" value="1"> <input type="button" value="2"> <input type="button" value="3"> <div style="display: block;" > aaaaaaaaaaaaa </div> <div > abbbbbbbbbbbbbbbbbb </div> <div > ddddddddddddddddd </div>二种 jquery:$(document).ready(function(){ var liClick=$("#ul1 li"); /*alert(liClick.length);*/ liClick.click(function(){ /*alert($(this).index());*/ $(".hides").hide(); $("#div_"+$(this).index()).show(); }); }); html: <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <ul id="ul1"> <li class="lix"> 应用 </li> <li>注册</li> <li>告警</li> <li>未注册</li> </ul> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div id="div_0" class="hides ui-widget-content ui-corner-all" style="display: block;"> <div class="div1" style="height: 500px;"> 11111111xxxxxxxxxxxxzzzz </div> </div> <div id="div_1" class="hides ui-widget-content ui-corner-all"> <div class="div1" style="height: 500px;"> 22222222ddddddddddddd </div> </div> <div id="div_2" class="hides ui-widget-content ui-corner-all"> <div class="div1" style="height: 500px;"> 33333333rrrrrrrrrrrrrrrrr </div> </div> <div id="div_3" class="hides ui-widget-content ui-corner-all"> <div class="div1" style="height: 500px;"> 444444444tttttttttttttttt </div> </div> </div> </div> css: <style type="text/css"> ul,li{ margin: 0px; padding: 0px; } #ul1{ list-style-type: none; height:20px; } #ul1 li{ float: left; margin-right: 10px; cursor: pointer; padding:10px 20px; } .lix{ border:1px solid #030A10; padding:10px 20px; border-color: rgba(0,0,0,.4); background: rgba(0,0,0,.1); } .hides{ display: none; } </style>
 0   0  34天前
admin
9
轮播图由最后一张切到下一张(即第一张)时为了完成动画就把第一张图片接在最后一张图,到动画走完之后,执行js代码,马上变成第一张图,眼睛是观察不到的,由第一张切到其上一张(即最后一张时)亦是同理<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> /*去除内边距,没有链接下划线*/ * { margin: 0; padding: 0; text-decoration: none; } /*让<body有20px的内边距*/ body { padding: 20px; } /*最外围的div*/ #container { width: 600px; height: 400px; overflow: hidden; position: relative; /*相对定位*/ margin: 0 auto; } /*包含所有图片的<div>*/ #list { width: 4200px; /*7张图片的宽: 7*600 */ height: 400px; position: absolute; /*绝对定位*/ z-index: 1; } /*所有的图片<img>*/ #list img { float: left; /*浮在左侧*/ } /*包含所有圆点按钮的<div>*/ #pointsDiv { position: absolute; height: 10px; width: 100px; z-index: 2; bottom: 20px; left: 250px; } /*所有的圆点<span>*/ #pointsDiv span { cursor: pointer; float: left; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 50%; background: #333; margin-right: 5px; } /*第一个<span>*/ #pointsDiv .on { background: orangered; } /*切换图标<a>*/ .arrow { cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 40px; position: absolute; z-index: 2; top: 180px; background-color: RGBA(0, 0, 0, 0.3); color: #fff; } /*鼠标移到切换图标上时*/ .arrow:hover { background-color: RGBA(0, 0, 0, 0.7); } /*鼠标移到整个div区域时*/ #container:hover .arrow { display: block; /*显示*/ } /*上一个切换图标的左外边距*/ #prev { left: 20px; } /*下一个切换图标的右外边距*/ #next { right: 20px; } img{ width: 600px; height: 400px; } </style> </head> <body> <div id="container"> <div id="list" style="left: -600px;"> <img src="img/5.jpg" alt="5"/> <img src="img/1.jpg" alt="1"/> <img src="img/2.jpg" alt="2"/> <img src="img/3.jpg" alt="3"/> <img src="img/4.jpg" alt="4"/> <img src="img/5.jpg" alt="5"/> <img src="img/1.jpg" alt="1"/> </div> <div id="pointsDiv"> <span index="1" class="on"></span> <span index="2"></span> <span index="3"></span> <span index="4"></span> <span index="5"></span> </div> <a href="javascript:;" id="prev" class="arrow">&lt;</a> <a href="javascript:;" id="next" class="arrow">&gt;</a> </div> <script src="../js/jquery-1.10.1.js"></script>//导入jQuery库 <script> var index = 1; //设定第一张下标为1 var en = true;//这里是切换标志,当播放切换动画时其值变为false,让cut函数无法执行,也就是这个过程中无法手动切换照片 //定义一个函数 传入参数为1时切上一张,传入其他切下一张 function cut(b){ if(en) { en = false; if (b == 1) { index--; } else { index++; } $('#list').animate({ left: index * (-600) },'slow', function () { //当由最后一张切到下一张也就是第一张,动画播完之后,必须回到真实的第一张 if (index == 6) { index = 1; } //当由第一张切到上一张也就是最后一张,动画完后,也必须回到真实的最后一张 if (index == 0) { index = 5; } $('#list').css('left', index * (-600)); $('span').removeClass('on'); //由$('span').get(index-1)得到是dom对象,必须转为jQuery对象 $($('span').get(index-1)).addClass('on') en = true; }) } } //上一张点击事件 $('#prev').click(function () { cut(1); }); //下一张点击事件 $('#next').click(function () { cut(0); }); //给照片下方圆点添加点击事件,设置的照片index比通过圆点的index()函数得到的index大1 $('span').click(function () { index = $(this).index(); cut(0); }) //设置延时:每2000ms执行一次图片切换 var Interval = setInterval(function () { cut(0); },2000) /*当鼠标移到照片上,清楚定时器,停止自动切换,移开鼠标时又开始自动播放hover是添加了鼠标的移入移出事件,mouseenter()和mouseleave()只在移入当前元素时才触发, hover()使用的是mouseenter()和mouseleave()*/ $('#container').hover(function () { clearInterval(Interval) },function () { Interval = setInterval(function () { cut(0); },2000) }) </script> </body> </html>
 0   1  34天前
退出登录
友情链接
Powered by 技术论坛 7.3.9
© 2015-2020 技术论坛
您的IP:3.238.190.82,2020-11-27 22:19:07,Processed in 0.08959 second(s).
Powered by 技术论坛
发帖须知:尊敬的坛友您好!请遵守规则在相应的版块发帖,违规者扣除相应的积分和金币。