采用CSS和JS_站内搜索

利用css+原生js制作简单的钟表_javascript技巧_脚本之家

利用css+原生js制作简单的钟表。效果如下所示实现该效果,分三大块:html、javascript、css html部分 html部分比较简单,定义一个clock的div,内部有原点、时分秒针、日期以及时间,至于钟表上的刻度、数字等元素,因为量比较多,采用jvascript生成 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

www.jb51.net/article/883...htm 2024-6-3

css及js调用方法详细汇总_CSS教程_CSS_网页制作_脚本之家

@import "all.css"; link和@import的区别:服务对象不一样,@import 为CSS服务,link是为当前的页服务, @import会优先执行。 JS调用方法: 1. JavaScript采用的格式如下: 复制代码代码如下: <Script Language="JavaScript"> JavaScript 语句 </Script> 2. 在浏览器地址栏直接执行JavaScript脚本如输入:javasc...

www.jb51.net/css/1631...html 2024-5-13

CSS3+js实现简单的时钟特效_css3_CSS_网页制作_脚本之家

2. 初始化默认时间,和表盘刻度 ,效果如下: 更改后的css代码: 复制代码代码如下: * { margin: 0; padding: 0; } .main { position: relative; margin: 100px auto; width: 300px; height: 300px; border-radius: 300px; border: 1px solid #000; box-shadow: 2px 5px #808080; } #timeLabel ...

www.jb51.net/css/3007...html 2024-5-14

CSS与JS中的相对路径引用简单介绍_CSS教程_CSS_网页制作_脚本之家

1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件,则index.php即为宿主)所处位置为基准。 2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准! 大家在html中通常会导入一些外部的css、js文件,而其中一个比较容易被忽视的问题就是路径问题,有时候,我...

www.jb51.net/css/1673...html 2024-5-31

50个强大璀璨的CSS3/JS技术运用实例_css3_CSS_网页制作_脚本之家

50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限,但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With CSS3 CSS3 Analogue Clock Analogue clock created using webkit transition and transform CSS. JavaScript is only used ...

www.jb51.net/css/24701_a...html 2024-5-20

分享10个优化代码的CSS和JavaScript工具_javascript技巧_脚本之家

10.StandardJS StandardJS,或JavaScript Standard Style是一种代码风格linter,有点像JSCS,但区别是更为简单和直接。如果你不想花时间在配置上,只想要一个能开箱即用的高效工具的话,那么StandardJS是一个超棒的选择。译文链接:http://www.codeceo.com/article/10-css-javascript-linting-tool.html ...

www.jb51.net/article/840...htm 2024-5-24

一步步教大家编写酷炫的导航栏js+css实现_jquery_脚本之家

接下来设置CSS属性,这里要注意标签a是行级元素,所以需要用display转成块级元素,这个很常用,还有就是line-height的常见用法 1 2 3 4 5 6 7 8 9 *{margin:0;padding:0; } a{text-decoration:none; } .nva{width:100%;height:40px;margin-top:70px;background-color:#222; } ...

www.jb51.net/article/809...htm 2024-6-3

使用CSS媒体查询和JavaScript判断浏览器设备类型的好方法

首先最重要的还是CSS媒体查询代码。这里只是示例,我们创建了三个媒体查询规则(但不包括缺省的“all”),它能控制四种屏幕情况:桌面(这是缺省状态,不需要媒体查询规则),“小屏幕”,平板,手机。针对每一种屏幕,我们给它一种不同的z-index值,这个值我们可以用JavaScript检测到。我们把这个元素定位到屏幕外,这样它就不...

www.jb51.net/css/1498...html 2024-6-1

你未必知道的JavaScript和CSS交互的5种方法_javascript技巧_脚本...

加载CSS文件延迟加载图片、JSON、脚本等是用来加快页面显示速度的好方法。我们可以使用curl.js等这样JavaScript加载器来延迟加载这些外部资源,可你知道CSS样式表也可以延迟加载吗,而且在加载成功后回调函数会给予通知。复制代码代码如下: curl( [ "namespace/MyWidget", "css!name...

www.jb51.net/article/486...htm 2024-6-3

网站前端性能优化之javascript和css篇_心得技巧_网页制作_脚本之家

精简JavaScript中目前用到的最广泛的两个工具是JSMin和YUI Compressor。YUI Compressor还可用于精简CSS。我之前的一篇文章关于前端部署的,ant+YUI Compressor 地址是:http://www.haorooms.com/post/ant_yuicom小工具中也有ant的用法:http://www.haorooms.com/tools/ant_book/...

www.jb51.net/web/5187...html 2024-5-8