Tag: JQUERY

HTML5 中新添加了一个标签 detail, 用法举例如下: <details> <summary>小赖子的英国生活和资讯.</summary> https://justyy.com </details> 如果你的浏览器支持HTML5并且支持这个标签的话 显示结果如下 (由于AMP不支持 details 和 summary 标签 所以自行脑补, 其实点击 ▶ 才会显示/隐藏 下面的文字): ▶ 小赖子的英国生活和资讯. https://justyy.com 根据w3school, 微软的IE/Edge浏览器暂不支持, 所以估计得用一个简单的javascript (Jquery) 来 toggle …

JQUERY 是 每个 JAVASCRIPT WEB开发必须要了解的库. JQUERY让WEB开发变得简单许多. 而且 JAVASCRIPT代码量只需要几行就可以完成很复杂的功能. 前两天在给一个剑桥的学生讲 JQUERY 所以顺便写了这个例子. 手机友好是必须的 手机友好! 所以在手机上看效果也是棒棒达! 效果在这里: https://helloacm.com/jquery-examples/random-squares/ 首先需要创建一个HTML窗口 我们选用了最简单最普遍的 div 这个容器用来放这些正方形. <div> id='canvas'> </div> 因为需要操作每个正方形的 left 和 top 属性 所以 …

本站开始提供一些免费有意思的API让大伙来使用. 所有的API都是在这台主机VPS上实现和运行的. 举这个API为例 fortune 能随机的返回一段(句)话 然后我们就可以通过 Javascript/JQuery/Ajax 来动态的显示在浏览器中: <script type='text/Javascript' src='https://helloacm.com/jquery/jquery-2.1.4.min.js'></script> <script type='text/Javascript'> $(document).ready(function () { $.ajax( { dataType: "json", url: "https://helloacm.com/api/fortune/", cache: false, success: function (response) { document.write(response); …