查看“模板:Sprites/doc”的源代码
←
模板:Sprites/doc
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于这些用户组的用户使用:
用户
,
管理员
,Editor
您没有权限编辑
模板
名字空间内的页面。
您可以查看与复制此页面的源代码。
== 简介 == 这是一个CSS Sprites模板。 CSS Sprites是一种用来显示大量小图片,同时提高加载速度的一种方式。它把所有的小图片集合在一张大图上,然后限定每张小图的长宽和相对大图的位置,来显示这张小图片。不管显示多少张小图片,都只需加载这一张大图,节省了网络流量,同时充分利用了缓存,提高了加载速度。 == 用法 == 对于外链图片: <pre><nowiki> {{Sprites |pic=http://ww4.sinaimg.cn/large/6d956152jw1ev603hnk0qj20f60duad9.jpg |width=182px<!--单块图片的大小--> |height=166px |x=182px<!--子图片相对于大图左上角的位置--> |y=334px |link= }} </nowiki></pre> 对于内部图片: <pre><nowiki> {{Sprites |pic=图片文件名.jpg |width=182px<!--单块图片的大小--> |height=166px |x=182px<!--子图片相对于大图左上角的位置--> |y=334px |link= }} </nowiki></pre> == 效果 == {{Sprites |pic=http://ww4.sinaimg.cn/large/6d956152jw1ev603hnk0qj20f60duad9.jpg |width=182px |height=166px |x=182px |y=350px |link= }} <pre><nowiki> {{Sprites |pic=http://ww4.sinaimg.cn/large/6d956152jw1ev603hnk0qj20f60duad9.jpg |width=182px |height=166px |x=182px |y=334px |link= }} </nowiki></pre> <includeonly>[[Category:图像维护模板]]</includeonly> <noinclude>[[Category:模板说明文件]]</noinclude>
该页面使用的模板:
模板:Sprites
(
查看源代码
)
返回至
模板:Sprites/doc
。
导航菜单
个人工具
创建账户
登录
命名空间
模板
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
讨论版
提问求助区
帮助
帮助
沙盒
编辑教程
创建新条目
工具
链入页面
相关更改
特殊页面
页面信息
返回顶部
评论预览
×