太阳神庙,圆顶礁国家公园, 犹他州, 美国 (© Austin Cronnelly/TANDEM Stills + Motion)

Welcom to 评论 - lizhenqiu blog!

    #647

    作者:广西南宁市
    jquery获取select选中的值
    $(".select").change(function(){ console.log($(this).val()) }); //操作被选中的元素
    Run code
    Cut to clipboard
      #,广西南宁市,2018-01-25,00:32:11,
      JavaScript获得获取input元素value值
      <html> <head> <script language="javascript"> function print(){ var a=myform.name.value; alert(a); } </script> </head> <body> <form name="myform"> <input type="text" name="name" id="nn" /> <input type="button" name="button" value="获取" onclick="print()" /> </form> </body> </html>
      Run code
      Cut to clipboard

        <html> <head> <script language="javascript"> function print(){ var a=document.getElementById("nn").value; alert(a); } </script> </head> <body> <form> <input type="text" name="name" id="nn" /> <input type="button" name="button" value="获取" onclick="print()" /> </form> </body> </html>
        Run code
        Cut to clipboard
          文章:常用html、demo代码  发表时间:2018-01-25, 00:31:22  
          展开↯

          #648

          作者:广西南宁市
          最重要的一点就是,你得想明白这项目做好了是谁的功劳,做不好是谁的锅。
          #,北京市,2017-05-15,19:42:10, 老歌不敢听,新歌不想听!
          #,广西南宁市,2017-05-17,16:05:37, 中国庞大的电商发展潜力,足以让京东成为一家市值超过500亿美元的公司,但比起马云和贝索斯放眼全球市场的战略布局,刘强东仿佛总是缺少了点什么?
          #,广西南宁市,2017-05-17,16:05:52, 电商公司的高获客成本和流量黑洞的属性决定了其很难利用流量优势,在某个成熟赛道上实现高维打低维,因此必须不断地去开辟新的领域,以获取新赛道初期的超额利润,甚至是抢占入口,建立生态。
          #,广西南宁市,2017-05-17,16:07:43, 流量黑洞,互联网词汇。指的是搜索入口的事情。
          #,广西南宁市,2017-05-17,16:12:19,
          洪波:百度框是否会成为只进不出的流量黑洞

          去年百度“框计算”发布,我曾写过一篇《框不住的未来》,发表了一些简单的看法。不过,框计算一年来没有太多实际的进展,直到现在。你搜索“豆瓣电台”,现在可以直接在搜索结果页面收听音乐;搜索“植物大战僵尸”,也可以直接在结果页面玩游戏;未来,还会更多。

          简单说,通过与特定网站和开发者的合作,百度搜索不仅仅可以读取规定的XML格式的数据,而且可以将产品和服务,封装成一个应用,直接在百度搜索结果页面运行。这样,百度搜索开放平台就不仅是一个数据汇集和流量分发的平台,未来很有可能成为一个面向最终用户的终极应用平台。

          前几天跟百度首席产品设计师孙云丰有过一次直接沟通,对于百度应用开放平台将怎样改变产业生态,我表达了我的担忧。

          1. 搜索与互联网生态。十多年来,搜索引擎几乎没有发生什么大的形态变化,即使是Google的整合搜索,也只是将图片、视频、新闻、实时内容、博客、论坛、地图等搜索结果,整合到Web搜索中,其最终效果,仍然是将用户导向目标网站,毕竟,搜索只是互联网众多应用形态中的一种,框不能取代其他。而且由于百度框计算太新,对互联网商业生态的影响太大,我们无法提前知道将来会发生什么。在涉及生态环境的问题上,先破坏后治理,基本上是一条不归路。

          2. 流量黑洞。随着可以在百度搜索结果页面运行的应用越来越多,百度是否会成为一个只进不出的流量黑洞?用户不再需要通过百度访问目标网站,一旦越来越多的用户形成这样的习惯,百度将成为一个流量终结者。我同意搜索引擎需要与时俱进,需要不断进化,但对搜索引擎的流量分发功能的巨大改变,是否会造成不可逆转的生态灾难,我有疑虑。

          3. 马太效应。由于百度的应用审核机制和用户需求匹配机制,以及独特而醒目的应用呈现方式,被百度认可的应用,将获得更高的用户使用率,有可能导致严重的两极分化。比方说,用户搜索佳能数码相机,百度以最好的位置和最佳的呈现方式,给出京东商城的报价和购买链接,对其他电子商务网站来说,就近乎屏蔽。在极端情况下,任何一个细分领域,只有一两家网站能从百度受益,其他的几乎难有出头之日。程苓峰所担心的,中国互联网上出现一个“百度系”,是很有可能的。

          4. 技术歧视。有能力按百度要求开发应用的网站,相比那些没有能力的网站,就更“权威”吗?

          孙云丰说,应用开放平台最初的,也是惟一的出发点,是用户体验。用户搜索“QQ下载”,大量的假QQ真木马,搜索“海尔售后”,大量的假售后真骗子,搜索“开心网”,大量的假开心真山寨,都是对用户极大的伤害。与其跟恶意SEO长期玩猫捉老鼠的游戏,不如改变规则,突出权威结果。这想法没问题,但“权威”则问题很大。我不知道,一个淘宝卖数码相机的小店,是否就一定不如京东商城权威。

          孙云丰还认为,一些互联网商业模式,需要根据用户需求来调整。比如网络小说《斗破苍穹》,每天可以得到百万级别的搜索量,其中九成以上的用户只是搜索免费内容,他们不会选择付费阅读。这时候《斗破苍穹》的广告价值,可能远远超过收费价值。问题是,具有广告价值的网络小说,只占极小的比例,为少数热门产品,改变成型的商业模式,可能性有多大,对盛大文学们来说,是个很大的问题。

          孙云丰说,百度应用开放平台,对开发者是完全免费的,跟百度的广告系统无关,但在结果排序上,广告的优先级要高于应用。不过,由于我上面提到的马太效应,未来对应用的争夺将越来越激烈,对很多企业来说,这是个生死问题。这些竞争性应用怎样审核,怎样匹配,怎样排序,也必定会受到越来越多的质疑。(文/洪波)
          #,北京市,2017-05-20,03:19:39, 黄渤:孙红雷如果不是演员,对这个社会一点好处都没有。
          #,广西南宁市,2017-05-25,17:21:13, 也许我们都不是天才的程序员,但至少我们都可以成为一个理想的程序员。
          #,北京市,2017-05-28,10:34:17, 他人笑我太疯癫,我笑他人怎么看出来的
          #,北京市,2017-05-28,10:36:58, 凡是带有人民两个的,除了人民医院。人民都进不去
          #,北京市,2017-05-28,18:39:47, 胜者王侯败者寇,输了就要被编排。
          #,广西南宁市,2017-07-27,10:49:14, 回复短信通知,只有别人回复的时候也填写手机号,前面回复填写手机号接收短信通知的才会触发发送短信通知功能呢
          #,广西南宁市,2017-07-27,10:55:43,@11,
          #,广西南宁市,2017-07-27,10:57:15,
          #,广西南宁市,2017-07-27,14:15:13,

          F2跳至标签处
          Ctrl-F2
          收缩展开标签
          F2
          跳至下一个标签处
          Shift-F2
          跳至上一个标签处
          notepad++ 快捷键大全、notepad常用快捷键
          Notepad++绝对是windows下进行程序编辑的神器之一,要更快速的使用以媲美VIM,必须灵活掌握它的快捷键,下面对notepad++默认的快捷键做个整理(其中有颜色的为常用招数): 1. 文件相关 快捷键 动作定义 Ctrl-O 打开文件 Ctrl-N 新建文件 Ctrl-S 保存文件 Ctrl-Alt-S 文件另存为 Ctrl-Shift-S 保存所有打开文件 Ctrl-P 打印 Alt-F4 退出程序 Ctrl-Tab 文件标签跳转,跳至下一个打开文件 Ctrl-Shift-Tab 文件标签跳转,跳至上一个打开文件 Ctrl-W 关闭当前文件 2.编辑相关 快捷键 动作定义 Ctrl-C 复制 Ctrl-Insert 同上,复制 Ctrl-Shift-T 复制当前行至剪贴板 Ctrl-X 剪切 Shift-Delete 同上,剪切 Ctrl-V 粘帖 Shift-Insert 同上,粘帖 Ctrl-Z 撤销上一次操作 Alt-Backspace 同上 Ctrl-Y 重做,注:撤销后,重做刚刚撤销的动作 Ctrl-A 全选 Alt-Shift-方向键 或 Alt + 鼠标左键 列选择模式 Ctrl + 鼠标左键 非连续性的多区域选择 ALT-C 列编辑器 Ctrl-D 复制当前行至下方,或者复制选中区域至其后 Ctrl-T 复制当前行至剪贴板(注:帮助中说是将当前行与上一行交换位置) Ctrl-Alt-T 与上一行进行交换 Ctrl-Shift-Up 将当前行上移一行 Ctrl-Shift-Down 将当前行下移一行 Ctrl-L 删除当前行 Ctrl-I -(注:帮助中是分割多行,不过最新版中不起作用) Ctrl-J 合并多行(注:使用时要选择中需要合并的行) Ctrl-G 跳转至某行对话框 Ctrl-Q 添加/删除注释 Ctrl-Shift-Q 区块添加/删除注释 Tab (selection of one or more full lines) 插入Tab Shift-Tab (selection of one or more full lines) 删除位置之前的Tab Ctrl-BackSpace 删除当前位置至单词开始的内容 Ctrl-Delete 删除当前位置至单词结尾的内容 Ctrl-Shift-BackSpace 删除当前位置至行首的内容 Ctrl-Shift-Delete 删除当前位置至行尾的内容 Ctrl-U 转换为小写 Ctrl-Shift-U 转换为大写 Ctrl-B 跳转至配对的括号 Ctrl-Space 触发函数自动完成列表 Ctrl-Shift-Space 触发函数参数提示 Ctrl-Enter 触发关键字自动完成列表 Ctrl-Alt-R 整个页面文字方向从右到左 Ctrl-Alt-L 整个页面文字方向从左到右(注:在安装了zencoding后,此快捷键可能被覆盖) Enter 回车 Shift-Enter 同上 建议添加一个快捷键用来复制当前行至下一行: 在设置->快捷键管理中,选择scintilla commands中,找到SCI_LINEDUPLICATE,给它指定一个快捷键,例如Ctrl+M 3.搜索相关 快捷键 动作定义 Ctrl-F 打开搜索对话框 Ctrl-H 打开替换搜索对话框 F3 搜索下一个结果 Shift-F3 搜索上一个结果 Ctrl-Shift-F 文件中搜索 F7 调到寻找结果 Ctrl-Alt-F3 快速查找下一个 Ctrl-Alt-Shift-F3 快速查找上一个 Ctrl-F3 选定并寻找下一个 Ctrl-Shift-F3 选定并寻找上一个 F4 下一次寻找结果 Shift-F4 上一次寻找结果 Ctrl-Shift-I 增量查找 Ctrl-n 跳至下一个结果,用第n个风格标识(n为1~5,0是默认风格) Ctrl-Shift-n 跳至上一个结果,用第n个风格标识(n为1~5,0是默认风格) Ctrl-F2 收缩展开标签 F2 跳至下一个标签处 Shift-F2 跳至上一个标签处 4.显示相关 快捷键 定义内容 Ctrl-(Keypad-/Keypad+)或者Ctrl+鼠标滚轮 放大/缩小页面 Ctrl-Keypad/ 回复到原始页面大小 F11 开关全屏显示(显示标签页) F12 开关全屏显示(不显示标签页) Ctrl-Alt-F 收缩当前折叠 Ctrl-Alt-Shift-F 展开当前折叠 Alt-0 收缩所有折叠 Alt-(1~8) 展开相应层折叠 Alt-Shift-0 展开所有折叠 Alt-Shift-(1~8) 展开所有层次折叠 5.运行相关 快捷键 定义内容 F5 打开运行窗口 Alt-F1 获得PHP帮助 Alt-F2 用Google搜索 Alt-F3 用Wiki搜索哦 Alt-F5 在本标签页中打开当前目录中,与光标位置文本同名的文件 Alt-F6 在新标签页中打开当前目录中,与光标位置文本同名的文件 Ctrl-Alt-Shift-R 在Chrome中打开 Ctrl-Alt-Shift-X 在Firefox中打开 Ctrl-Alt-Shift-I 在IE中打开 Ctrl-Alt-Shift-F 在Safari中打开 Ctrl-Alt-Shift-O 通过Outlook发送当前文件 Ctrl+C 复制 Ctrl+X 剪切 Ctrl+V 粘贴 Ctrl+Z 撤消 Ctrl+Y 恢复 Ctrl+A 全选 Ctrl+F 键查找对话框启动 Ctrl+H 查找/替换对话框 Ctrl+D 复制并粘贴当行 Ctrl+L 删除当前行 Ctrl+T 当行向上移动一行 F3 查找下一个 Shift+F3 查找上一个 Ctrl+Shift+F 组合在文件中查找 Ctrl+F3 查找(volatil)下一页 Ctrl+Shift+F3 查找(volatil)上一页 Ctrl+Shift+I 组合增量搜索 Ctrl+S 保存文件 Ctrl+Alt+S 另存为 Ctrl+Shift+S 保存所有文件 Ctrl+O 打开文件 Ctrl+N 新建立文件 Ctrl+F2 切换书签 F2 转到下一个书签 Shift+F2 转到上一个书签 CTRL+G 定位换行,偏移量 Ctrl+W 关闭当前文档 Alt+Shift+Arrow 键移箭头键或 ALT+鼠标左键 单击列选择 F5 启动运行对话框 Ctrl+空格 输入法切换 Alt+空格 程序单击右键 Tab 插入缩进 Shift+Tab 删除缩进 Alt-Shift-Arrow 或 Ctrl +鼠标滚轮钮 放大缩小 Ctrl +Keypad/恢复原来的大小 F11 全屏模式 Ctrl+Tab 下一个文档 Ctrl+Shift+Tab 上一个文档 Ctrl+Shift+Up 当前线向上移 Ctrl-Shift-Down 当前线向下移 Ctrl+Alt+F 折叠当前层次 Ctrl+Alt+Shift+F展开当前层次 Alt+0 折叠全部 Alt+Shift+0 展开全部 Alt+(1~8) 折叠级别(1~8) Alt+Shift+(1~8) 展开级别(1~8) Ctrl+BackSpace 删除开始词 Ctrl+Delete 删除结束词 Ctrl+Shift+BackSpace 删除至行 Ctrl+Shift+Delete 删除至行尾 CTRL+U 转换为小写 Ctrl+Shift+U 转换为大写 Ctrl+B 转至匹配的括号 Ctrl+Shift+R 的开始录制/停止录制宏 Ctrl+Shift+P 播放录制的宏 CTRL+Q 注释/取消注释 Ctrl+Shift+Q 值流评论 Ctrl+Shift+T 当前行复制到剪贴板 Ctrl+P 打印 Alt+F4 退出 Ctrl+I 分割线 Ctrl+J 连接行 Ctrl+Alt+R 从右边阅读 Ctrl+Alt+L 从左边阅读 Ctrl+H 打开Find / Replace 对话框 Ctrl+D 复制当前行 Ctrl+L 删除当前行 Ctrl+T 上下行交换 F3 找下一个 Shift+F3 找上一个 Ctrl+Shift-F 在文件中找 Ctrl+F2 触发书签 F2 到前一个书签 Shift+F2 到下一个书签 F5 打开run对话框 Ctrl+Space 打开CallTip列表框 Tab (selection of several lines) 加入Space Shift+Tab (selection of several lines) 移除Space F11 全屏 Alt+0 折叠全部 Alt+Shift+0 展开全部 Ctrl+U 变为小写 Ctrl+Shift+U 变为大写 Ctrl+Q 块注释/消除注释 还有就是Notepad的字体比较小,以前总找不到能放大字体的地方,后来发现Ctrl+鼠标滑轮可以放大视图,字体风格也可以设置,notepad的字体很丰富。 快捷键设置:notepad++ 设置快捷键里面是所有快捷键,可以更加自己的喜欢设置快捷键,ep:设置编码转化的快捷键! 主要添加或调整的光标操作按键: 向前(Ctrl+F),向后(Ctrl+B),上一行(Ctrl+P),下一行(Ctrl+N) 行最前(Ctrl+A), 行最后(Ctrl+E) 方法 菜单<设置>-<管理快捷键> 在"Main menu"及“Scintilla commands"中修改。 修改旧的快捷键,避免冲突: 新建 -> Ctrl+Alt+N 定位匹配括号 ->Ctrl+Alt+B 查找 -> Ctrl+Alt+F 选择所有 -> Ctrl+Alt+A
          Run code
          Cut to clipboard
            #,广西南宁市,2017-07-27,14:16:30,@14, Ctrl+Shift+t 重新打开上个关闭标签页
            #,广西南宁市,2018-01-24,15:19:49,
            tips: 在chrome浏览器中, 可以输入 chrome://dns/ 查看chrome缓存的dns记录
            文章:@意见反馈/技术支持/伊网/安企网  发表时间:2017-05-15, 17:33:00  
            展开↯

            #649

            作者:广西南宁市
            通过A标签唤醒QQ或微信
            相关代码:
            唤醒QQ:<a href="http://wpa.qq.com/msgrd?v=3&uin=&site=1234567890&menu=yes">
            唤醒微信:<a href="weixin://" onclick="PIWI_SUBMIT.Weixin_Open()" >
            注:唤醒QQ链接中的1234567890换成对应的QQ号即可,如换了后不能正常使用需要步骤:
            1、搜索QQ推广进入官网
            2、进入推广工具界面
            3、开通免费推广,获取下方的代码,替换上对应的QQ即可。
            文章:安卓苹果手机不同qq客服在线代码  发表时间:2018-01-24, 15:07:00  
            展开↯

            #650

            作者:广西南宁市
            Load加载页面
            加载页面等待界面 css3
            <style>body { display:flex; font-size:2rem; overflow:hidden; } .Box { position:absolute; width:100vw; height:100vh; background-color:#fff; filter:blur(4vmin) contrast(100); } .BigCircle,.SmallCircle { position:absolute; top:50%; left:50%; background-color:#000; } .BigCircle { width:30vmin; height:30vmin; margin:-15vmin; border-radius:50%; } .SmallCircle { width:15vmin; height:15vmin; margin:-7.5vmin; background-color:#000; border-radius:50%; animation:move 1.5s infinite alternate cubic-bezier(0.18,0,0.26,1); } .SmallCircle:nth-child(1) { --degree:0deg; animation-delay:0s; background-color:red; } .SmallCircle:nth-child(2) { --degree:45deg; animation-delay:-0.375s; background-color:#ffbf00; } .SmallCircle:nth-child(3) { --degree:90deg; animation-delay:-0.75s; background-color:#80ff00; } .SmallCircle:nth-child(4) { --degree:135deg; animation-delay:-1.125s; background-color:#00ff40; } .SmallCircle:nth-child(5) { --degree:180deg; animation-delay:-1.5s; background-color:cyan; } .SmallCircle:nth-child(6) { --degree:225deg; animation-delay:-1.875s; background-color:#0040ff; } .SmallCircle:nth-child(7) { --degree:270deg; animation-delay:-2.25s; background-color:#8000ff; } .SmallCircle:nth-child(8) { --degree:315deg; animation-delay:-2.625s; background-color:#ff00bf; } .SmallCircle:nth-child(9) { --degree:360deg; animation-delay:-3s; background-color:red; } @keyframes move { 0% { transform:rotate(var(--degree)) translateY(0); } 70%,100% { transform:rotate(var(--degree)) translateY(-30vmin); } }</style><div class="Box"> <div class="BigCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> <div class="SmallCircle"></div> </div>
            Run code
            Cut to clipboard
              文章:常用html、demo代码  发表时间:2018-01-24, 14:43:43  
              展开↯

              #651

              作者:广西南宁市
              简单的拖拽示例
              <span id="span1"></span> <br><span id="span2"></span><br> <div id="div1" style="background-color: Green; border: 1px solid red; height: 100px; top: 100px; left: 100px; width: 100px; position: absolute;" onmousedown="mouseDown(this,event)" onmousemove="mouseMove(event)" onmouseup="mouseUp(event)"> </div> <script> var mouseX, mouseY; var objX, objY; var isDowm = false; //是否按下鼠标 function mouseDown(obj, e) { obj.style.cursor = "move"; objX = div1.style.left; objY = div1.style.top; mouseX = e.clientX; mouseY = e.clientY; isDowm = true; } function mouseMove(e) { var div = document.getElementById("div1"); var x = e.clientX; var y = e.clientY; if (isDowm) { div.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px"; div.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px"; document.getElementById("span1").innerHTML = "x:" + div.style.top + " " + "y:" + div.style.left; } } function mouseUp(e) { if (isDowm) { var x = e.clientX; var y = e.clientY; var div = document.getElementById("div1"); div.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px"; div.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px"; document.getElementById("span2").innerHTML = "x:" + div.style.top + " " + "y:" + div.style.left; mouseX = x; rewmouseY = y; div1.style.cursor = "default"; isDowm = false; } }</script>
              Run code
              Cut to clipboard
                文章:常用html、demo代码  发表时间:2018-01-24, 14:42:41  
                展开↯

                #652

                作者:广西南宁市
                文字代码播放效果滚动上下翻转
                <style>body { width: 100%; height: 100%; position: fixed; background-color: #34495e; } .content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 160px; overflow: hidden; font-family: 'Lato', sans-serif; font-size: 35px; line-height: 40px; color: #ecf0f1; } .content__container { font-weight: 600; overflow: hidden; height: 40px; padding: 0 40px; } .content__container:before { content: '['; left: 0; } .content__container:after { content: ']'; position: absolute; right: 0; } .content__container:after, .content__container:before { position: absolute; top: 0; color: #16a085; font-size: 42px; line-height: 40px; -webkit-animation-name: opacity; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: opacity; animation-duration: 2s; animation-iteration-count: infinite; } .content__container__text { display: inline; float: left; margin: 0; } .content__container__list { margin-top: 0; padding-left: 110px; text-align: left; list-style: none; -webkit-animation-name: change; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-name: change; animation-duration: 10s; animation-iteration-count: infinite; } .content__container__list__item { line-height: 40px; margin: 0; } @-webkit-keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes change { 0%, 12.66%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66%, 29.32% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } 33.32%,45.98% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 49.98%,62.64% { -webkit-transform: translate3d(0, -75%, 0); transform: translate3d(0, -75%, 0); } 66.64%,79.3% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 83.3%,95.96% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } } @keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes change { 0%, 12.66%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 16.66%, 29.32% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } 33.32%,45.98% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 49.98%,62.64% { -webkit-transform: translate3d(0, -75%, 0); transform: translate3d(0, -75%, 0); } 66.64%,79.3% { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } 83.3%,95.96% { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } } </style> <div class="content"> <div class="content__container"> <p class="content__container__text"> Hello </p> <ul class="content__container__list"> <li class="content__container__list__item">world !</li> <li class="content__container__list__item">bob !</li> <li class="content__container__list__item">users !</li> <li class="content__container__list__item">everybody !</li> </ul> </div> </div>
                Run code
                Cut to clipboard
                  文章:常用html、demo代码  发表时间:2018-01-24, 14:40:46  
                  展开↯

                  #653

                  作者:广西南宁市
                  简单时间选择器
                  <select name="nian" id="nian"></select>年 <select name="nian" id="yue"></select>月 <select name="nian" id="ri"></select>日 <script>$(function() { var mydate = new Date(); var nian = mydate.getFullYear(); var yue = mydate.getMonth() + 1; for (var i = nian; i > 1900; i--) { var html_nian = '<option value="' + i + '">' + i + '</option>'; $('#nian').append(html_nian); } for (var ii = 1; ii <= 12; ii++) { var html_yue = '<option value="' + ii + '">' + ii + '</option>'; $('#yue').append(html_yue); } $('#nian').change(function() { my_ri($('#nian').val(), $('#yue').val()) }); $('#yue').change(function() { my_ri($('#nian').val(), $('#yue').val()) }); }) function my_ri(n, y, r) { if (n > 0 && y > 0) { $('#ri').html(''); var mydate_ri = new Date(n, y, 0); var ri = mydate_ri.getDate(); for (var iii = 1; iii <= ri; iii++) { var html_ri = '<option value="' + iii + '">' + iii + '</option>'; $('#ri').append(html_ri); } $.each($('#nian').find('option'), function(i) { if ($('#nian').find('option').eq(i).attr('value') == n) { $('#nian').find('option').eq(i).attr('selected', 'selected') } }) $.each($('#yue').find('option'), function(i) { if ($('#yue').find('option').eq(i).attr('value') == y) { $('#yue').find('option').eq(i).attr('selected', 'selected') } }) $.each($('#ri').find('option'), function(i) { if ($('#ri').find('option').eq(i).attr('value') == r) { $('#ri').find('option').eq(i).attr('selected', 'selected') } }) } }</script>
                  Run code
                  Cut to clipboard
                    文章:常用html、demo代码  发表时间:2018-01-24, 14:39:33  
                    展开↯

                    #654

                    作者:广西南宁市
                    js计算器
                    <style>#box { margin:50px auto; padding:2px; background-color:#ebebeb; } #title { text-align:left; font-weight:bold; font-size:12px; } input[type="button"] { width:60px; height:45px; line-height:20px; text-align:center; } .num { border:0px; background-color:#fafafa; } .symbol { background-color:#f3f3f3; border:0px; } #zhi { height:40px; width:250px; text-align:right; border:0px; background-color:#ebebeb; font-size:30px; font-weight:bold; } #count { height:20px; width:250px; text-align:right; border:0px; background-color:#ebebeb; } </style><table id="box"> <tbody><tr id="title"> <td colspan="4">计算器</td> </tr> <tr> <td colspan="4"><input type="text" id="count"></td> </tr> <tr> <td colspan="4"><input type="text" id="zhi"></td> </tr> <tr> <td><input type="button" id="CE" value="CE" class="symbol" onclick="CE()"></td> <td><input type="button" id="C" value="C" class="symbol" onclick="returnToZero()"></td> <td><input type="button" id="delete" value="←" class="symbol" onclick="delete1()"></td> <td><input type="button" id="except" value="/" class="symbol" onclick="look(this.value)"></td> </tr> <tr> <td><input type="button" id="num7" value="7" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num8" value="8" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num9" value="9" class="num" onclick="display(this.value)"></td> <td><input type="button" id="cheng" value="*" class="symbol" onclick="look(this.value)"></td> </tr> <tr> <td><input type="button" id="num4" value="4" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num5" value="5" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num6" value="6" class="num" onclick="display(this.value)"></td> <td><input type="button" id="add" value="+" class="symbol" onclick="look(this.value)"></td> </tr> <tr> <td><input type="button" id="num1" value="1" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num2" value="2" class="num" onclick="display(this.value)"></td> <td><input type="button" id="num3" value="3" class="num" onclick="display(this.value)"></td> <td><input type="button" id="minus" value="-" class="symbol" onclick="look(this.value)"></td> </tr> <tr> <td><input type="button" value="±" class="symbol" onclick="contrary()"></td> <td><input type="button" id="num0" value="0" class="num" onclick="display(this.value)"></td> <td><input type="button" id="point" value="." class="symbol" onclick="look(this.value)"></td> <td><input type="button" id="equal" value="=" class="symbol" onclick="start()"></td> </tr> </tbody></table> <script> //显示数字 function display(value) { var zhi = document.getElementById("zhi"); var count = document.getElementById("count"); var countValue = count.value; var symbol = countValue.substring(countValue.length - 1); var value = value; //点击事件触发放回的value值赋值给变量value if (equal == 1) //点击=,*,/,-,+与后,再次点击先归零,再传值 { zhi.value = ""; zhi.value += value; equal = 0; } else if (zhi.value == "0") { zhi.value = value; } else { zhi.value += value; } } //点击+,-,*,时,count的显示 function look(value) { var zhi = document.getElementById("zhi"); var count = document.getElementById("count"); var value = value; count.value += zhi.value + value; equal = 1; } //计算 function start() { var zhi = document.getElementById("zhi"); var count = document.getElementById("count"); var value = count.value + zhi.value; var return1 = eval("(" + value + ")"); document.getElementById("count").value = ""; zhi.value = return1; equal = 1; } //归零 function returnToZero() { document.getElementById("zhi").value = "0"; document.getElementById("count").value = ""; } //Backspace function delete1() { var zhi = document.getElementById("zhi"); var value = zhi.value; var return1 = value.substr(0, value.length - 1); zhi.value = return1; } //CE function CE() { document.getElementById("zhi").value = 0; } //contrary取相反数 function contrary() { var zhi = document.getElementById("zhi"); var value = zhi.value; zhi.value = parseInt(value * (-1)); }</script>
                    Run code
                    Cut to clipboard
                      文章:常用html、demo代码  发表时间:2018-01-24, 14:37:10  
                      展开↯

                      #655

                      作者:广西南宁市
                      原生js轮播图(原创)
                      <style> html,body,div,ul,li { padding:0; margin:0; } ul,li,ol { list-style:none; } .box { position:relative; width:600px; height:300px; margin:20px auto; } .picture { width:600px; height:300px; overflow:hidden; position:absolute; } .picture ul { position:absolute; width:2400px; height:300px; } .picture ul li { float:left; width:600px; height:300px; } .control { position:absolute; bottom:0px; left:450px; } .control li { cursor:pointer; float:left; width:20px; height:20px; text-align:center; line-height:20px; background:lightblue; margin:4px; border-radius:5px } .control .active { background:yellow; } </style> <div class="box" id="box"> <div class="picture"> <ul id="picture"> <li><img src="http://www.jq22.com/img/cs/500x300-1.png" width="600px" height="300px"></li> <li><img src="http://www.jq22.com/img/cs/500x300-2.png" width="600px" height="300px"></li> <li><img src="http://www.jq22.com/img/cs/500x300-3.png" width="600px" height="300px"></li> <li><img src="http://www.jq22.com/img/cs/500x300-1.png" width="600px" height="300px"></li> </ul> </div> <ol class="control" id="control"> <li class="active">1</li> <li>2</li> <li>3</li> </ol> </div> <script> var box = document.getElementById("box"); var picture = document.getElementById("picture").children; var control = document.getElementById("control").children; var ul = document.getElementById("picture"); for (var i = 0; i < control.length; i++) { control[i].index = i; control[i].onclick = function() { for (var j = 0; j < control.length; j++) { control[j].className = ""; } this.className = "active"; animate(ul, -this.index * 600, 10); } } var k = 0; function autoPlay() { k++; if (k > control.length) { ul.style.left = 0 + "px"; k = 1; } animate(ul, -k * 600, 10); for (var i = 0; i < control.length; i++) { control[i].className = ""; } var index = k % control.length; control[index].className = "active"; } var tim = setInterval(autoPlay, 2000); box.onmouseover = function() { clearInterval(tim); } box.onmouseout = function() { tim = setInterval(autoPlay, 2000); } function animate(ele, target, ms) { clearInterval(ele.timer); //方便清除本元素上一次的定时器操作 ele.timer = setInterval(function() { //判断目标元素是向左或者向右() var step = ele.offsetLeft < target ? 10 : -10; var result = Math.abs(target - ele.offsetLeft); /*到动画最后移动步长时*/ if (result < 10) { clearInterval(ele.timer); ele.style.left = target + 'px'; } else { //向目标元素发生位移。 ele.style.left = ele.offsetLeft + step + 'px'; } }, ms); } </script>
                      Run code
                      Cut to clipboard
                        #,广西南宁市,2018-01-24,14:31:25, CSS3实现无缝轮播
                        <style>* { padding:0; margin:0; list-style:none; } .banner { width:640px; height:300px; overflow:hidden; margin:0 auto; } .inner { width:9999px; position:relative; animation:aaa 16s infinite 2s running; } @keyframes aaa { 0% { transform:translateX(0px); } 5% { transform:translateX(-640px); } 25% { transform:translateX(-640px); } 30% { transform:translateX(-1280px); } 50% { transform:translateX(-1280px); } 55% { transform:translateX(-1920px); } 75% { transform:translateX(-1920px); } 80% { transform:translateX(-2560px); } 100% { transform:translateX(-2560px); } }.inner:hover { animation-play-state:paused; cursor:pointer; } .innerwrapper { float:left; width:640pxpx; } .banner img { width:640px; height:300px; } </style> <div class="banner"> <div class="inner"> <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-1.png" alt="banner1"></div> <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x300-1.png" alt="banner2"></div> <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/300x500-1.png" alt="banner3"></div> <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-2.png" alt="banner4"></div> <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-1.png" alt="banner1"></div> </div> </div>
                        Run code
                        Cut to clipboard
                          文章:常用html、demo代码  发表时间:2018-01-24, 14:25:49  
                          展开↯

                          #656

                          作者:广西南宁市
                          跨浏览器检测视窗大小
                          var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; //获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientHeight; //通过深入Document内部对body进行检测,获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientHeight; winWidth = document.documentElement.clientWidth; } //结果输出至两个文本框 (在这里对获取到的参数进一步使用) document.form1.availHeight.value= winHeight; document.form1.availWidth.value= winWidth; } findDimensions(); //调用函数,获取数值 window.onresize=findDimensions;
                          Run code
                          Cut to clipboard
                            文章:常用html、demo代码  发表时间:2018-01-24, 14:23:19  
                            展开↯

                            #657

                            作者:广西南宁市
                            canvas圆圆圈圈的动态效果
                            <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,shrink-to-fit=no" /> <title> 上下班路上的那一幅静态广告 </title> <style> .stage{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:800px;max-width:100%;border:1px solid #CCC;} </style> </head> <body> <canvas class="stage" width="800" height="500"></canvas> <script> "use strict"; (function(query){ var ARC=0.004, ANGLE=10, PI2=Math.PI*2, NUM=150, VELOCITY=3; function Scene(ctx,width,height){ this.ctx=ctx; this.width=width; this.height=height; this.sprites=[]; ctx.globalCompositeOperation="lighter"; this.render=this.render.bind(this); } Scene.prototype={ add:function(sprite){ this.sprites.push(sprite); }, render:function(timer){ var sprites=this.sprites,ii=sprites.length,i=ii,ctx=this.ctx,w=this.width,h=this.height; ctx.clearRect(0,0,width,height); requestAnimationFrame(this.render); while(i){ sprites[--i].update(timer,w,h); } for(;i<ii;i++){ sprites[i].draw(ctx); } this.make(ii); }, start:function(){ this.render(); }, make:function(num){ if(num<NUM){ var radius=getRadius(); num++; this.add(new BallArtist("",-radius,height/2,radius,getColor(),getAngle())); } } }; function Sprite(draw,behaviors){ this.draw=draw; this.behaviors=behaviors||[]; } Sprite.prototype.update=function(timer,w,h){ var behaviors=this.behaviors, i=0, ii=behaviors.length; for(;i<ii;i++){ behaviors[i].call(this,timer,w,h); } }; function BallArtist(name,x,y,radius,color,angle){ this.name=name, this.x=x; this.y=y; this.v=Math.random()*VELOCITY+VELOCITY; this.radius=radius; this.color=color; this.angle=angle; this.vr=Math.random()*ARC*(angle>0?1:angle<0?-1:0); } BallArtist.prototype=new Sprite(function(ctx){ ctx.beginPath(); ctx.fillStyle=this.color; ctx.arc(this.x,this.y,this.radius,0,PI2); ctx.fill(); },[function(timer,width,height){ if(this.x>width+this.radius || this.y<-this.radius || this.y>height+this.radius){ var radius=getRadius(); this.reset(-radius,height/2,radius,getColor(),getAngle()); return; } this.angle+=this.vr; var sin=Math.sin(this.angle), cos=Math.cos(this.angle); this.x+=cos*this.v; this.y+=sin*this.v; }]); BallArtist.prototype.reset=function(x,y,radius,color,angle){ this.x=x; this.y=y; this.v=Math.random()*VELOCITY+VELOCITY; this.radius=radius; this.color=color; this.angle=angle; this.vr=Math.random()*ARC*(angle>0?1:angle<0?-1:0); }; var cvs=document.querySelector(query), ctx=cvs.getContext("2d"), width=cvs.width, height=cvs.height, num=0, scene=new Scene(ctx,width,height), color=["hsla(",0,",100%,30%,.8)"], angle=Math.PI/180*ANGLE, radius; function getColor(){ color[1]=Math.random()*360; return color.join(""); } function getAngle(){ return Math.random()*angle-(angle/2); } function getRadius(){ return 20*Math.random()+5; } scene.start(); })("canvas"); </script> </body> </html>
                            Run code
                            Cut to clipboard
                              文章:常用html、demo代码  发表时间:2018-01-24, 11:45:59  
                              展开↯

                              #658

                              作者:广西南宁市
                              a++ 与 ++a 的区别:
                              #include <stdio.h> int main() { int c; int a = 10; c = a++; printf("先赋值后运算:\n"); printf("Line 1 - c 的值是 %d\n", c ); printf("Line 2 - a 的值是 %d\n", a ); a = 10; c = a--; printf("Line 3 - c 的值是 %d\n", c ); printf("Line 4 - a 的值是 %d\n", a ); printf("先运算后赋值:\n"); a = 10; c = ++a; printf("Line 5 - c 的值是 %d\n", c ); printf("Line 6 - a 的值是 %d\n", a ); a = 10; c = --a; printf("Line 7 - c 的值是 %d\n", c ); printf("Line 8 - a 的值是 %d\n", a ); }
                              Run code
                              Cut to clipboard
                                #,广西南宁市,2018-01-22,17:46:57,
                                #,广西南宁市,2018-01-22,17:52:31, 利用异或 ^ 来交换两个数的值,而且不引入其他变量
                                unsigned int a=60; //0011 1100 unsigned int b=13; //0000 1101 a=a^b; //a=a^b=0011 0001 b=a^b; //b=a^b=0011 1100 相当于b1=(a^b)^b a=a^b; //a=a^b=0000 1101 相当于a1=(a^b)^((a^b)^b)
                                Run code
                                Cut to clipboard

                                  实例
                                  #include<stdio.h> int main( ) { unsigned int a=60; //0011 1100 unsigned int b=13; //0000 1101 printf("a=%d,b=%d",a,b); //输出a,b的值 printf("\n"); a=a^b; //a=a^b=0011 0001 b=a^b; //b=a^b=0011 1100 a=a^b; //a=a^b=0000 1101 printf("a=%d,b=%d",a,b); //输出a,b的值 }
                                  Run code
                                  Cut to clipboard

                                    结果:
                                    a=60,b=13; a=13,b=60;
                                    Run code
                                    Cut to clipboard
                                      #,广西南宁市,2018-01-22,17:54:39, 注意:您可以按 Ctrl + C 键终止一个无限循环。
                                      文章:C语言学习笔记  发表时间:2018-01-22, 17:46:49  
                                      展开↯

                                      #659

                                      作者:广西南宁市
                                      文章:C语言学习笔记  发表时间:2018-01-22, 11:51:56  
                                      展开↯

                                      #660

                                      作者:广西南宁市
                                      大扎好,我系轱天乐,我系脏渣辉,贪挽懒夜,里没有挽过的船新版本,挤需体验三番钟,里一定会干我一样,爱桑介款游戏,今晚的传奇,我揍系你的松弟!
                                      #,广西南宁市,2018-01-21,23:45:37, 欧,我的天,瞧瞧这个优秀答案,我亲爱的上帝,这是汤姆斯.陈独秀先生的奖杯,是谁把它拿到这儿来的。来,我亲爱的汤姆斯,这是你的,摸它之前记得用蒂花之秀洗手液,这会让您显得庄重一些.
                                      文章:@意见反馈/技术支持/伊网/安企网  发表时间:2018-01-21, 22:40:17  
                                      展开↯

                                      #661

                                      作者:广西
                                      手机点击空白失去焦点收起小键盘容易点到别的地方,页面伪顶上去?
                                      文章:@意见反馈/技术支持/伊网/安企网  发表时间:2018-01-20, 18:56:11  
                                      展开↯

                                      #662

                                      作者:广西南宁市
                                      h5页面,关闭手机键盘
                                      document.activeElement.blur();
                                      Run code
                                      Cut to clipboard

                                        <script> //图片取消上传 $("body").on("mousemove touchstart tap",function(){ //$("body").mousemove(function(){ <?php if($Applessss) echo'document.activeElement.blur();'; ?> //if($("input").is(":focus")) $("input").focus(); var sdfdsunmppsss=$('#sdfdsunmpp dot').text(); //console.log(sdfdsunmppsss); if(sdfdsunmppsss=='select') $('#sdfdsunmpp').html('<a href="javascript:;" onclick="$(\'#sdfdsunmpp\').html(\'<dot>select</dot>\');if ((navigator.userAgent.indexOf(\'MSIE\') >= 0) && (navigator.userAgent.indexOf(\'Opera\') < 0)) alert(\'请更换你的破浏览器!\');path.click();" style="cursor: pointer;color: #666;text-decoration: underline;">UpImg</a>'); }); </script>
                                        Run code
                                        Cut to clipboard
                                          文章:常用html、demo代码  发表时间:2018-01-20, 18:42:23  
                                          展开↯

                                          #663

                                          作者:广西南宁市
                                          从正常的历史上来看,东北就不应该那么发达。
                                          东北在历史上只有2个发展时期,一是闯关东,二是一五计划二五计划时期,一个是关内人到关外谋生,一个是国家一穷二白,大力投入建设一些地区的时期。
                                          但是现在,东北并没有什么优势,强行投入发展不过是一厢情愿。
                                          不如顺势而为,合并东三省,集中建设大城市,进行大规模机械化农业,发展农业相关产业,让人口流走,最多能保留在环渤海一带就不错了。
                                          想恢复共和国长子的地位,属于不可能的情况。
                                          #,广西南宁市,2018-01-18,10:20:45,
                                          你慢慢有了区域自主的意识了,他马上再给你开个空头支票,让你意识到国家还没忘了你,于是你的那种刚刚萌发的自主意识又消失了。
                                          然而那是拿着鸡毛当令箭的空头支票。最后绝对不会有没有效果,反映在经济上就是还是一般,于是这一般的经济增速 和 高调宣传的空头支票 之间的强烈反差。于是又开始 投资不过山海关的宣传了,又是一顿舆论围剿
                                          -
                                          然后再重复上面的动作,几轮下来,你也就从假衰落变成真衰落了。
                                          #,广西南宁市,2018-01-18,10:26:40,
                                          儿子:妈妈,小姨来我家玩,我爸趁她没注意就亲了她一口。
                                          小姨气得朝着爸爸的脸上打了一掌的“掌”是怎么写的?
                                          妈妈:啊?
                                          #,广西南宁市,2018-01-18,10:29:33, 如果把食物放在温暖的地方会滋生细菌,这或许能解释为什么把地球放在太阳旁边会长出我们。
                                          #,广西南宁市,2018-01-18,10:37:33, 喜欢喝酒的绿色小猪,希望自己的死法是清蒸。
                                          #,广西南宁市,2018-01-18,11:09:37, 时代在进步,社会在发展。以前进门拖鞋, 现在进门戴套。这都是为了适应新时代服务业的需要
                                          #,广西南宁市,2018-01-19,15:19:45, 公司聚会喝了点酒,总有些年轻的同事误以为这是一个说真话的时机。
                                          文章:一个制片人的自白  发表时间:2018-01-18, 10:19:11  
                                          展开↯

                                          #664

                                          作者:广西
                                          苹果手机上传GIF不动
                                          #,广西南宁市,2018-01-17,11:25:34, edge导航固定右边目录滚动到最后一个有时候会闪烁
                                          文章:@意见反馈/技术支持/伊网/安企网  发表时间:2018-01-16, 22:21:13  
                                          展开↯

                                          #665

                                          作者:广西南宁市
                                          thinkphp模块名不区分大小写
                                          define('APP_DEBUG','false');
                                          Run code
                                          Cut to clipboard
                                            #,广西南宁市,2018-01-16,21:14:36, mysql 查询某个字段不为空(附thinkphp写法)
                                            Thinkphp中如何表达MYSQL中的某字段不为空is not null
                                            $where['door_open_api_key'] = array('exp',' is not null AND door_open_api_key != ""');
                                            Run code
                                            Cut to clipboard
                                              thinkphp mysql 空字段
                                              文章:Yourphp,thinkphp修改分页代码  发表时间:2018-01-15, 16:51:57  
                                              展开↯
                                              你好,残忍屏蔽广告

                                              确定要清除编辑框内容吗?

                                              该删除操作将不可恢复。

                                              删除 取消

                                              激活Windows

                                              转到"设置"以激活Windows。