摘要：修改网址的 .conf 文件 location ~ \.(jpg|png|gif|jpeg)$ { valid_referers none blocked www.zweb.com; if ($invalid_referer) { #rewrite ^/ http://site3.test.com/
阅读全文
posted @ 2024-09-26 11:58
随笔分类 - HTML
HTML相关
摘要：一句话HTML编辑器 data:text/html,<body oninput="i.srcdoc=h.value"><style>#i{width:70%}#h{width:30%}#h,#i{border:0;height:100%;float:left;}body{margin:0}</sty
阅读全文
posted @ 2018-08-31 13:39
摘要：在浏览 https://ghost.org/xxxx/ 时。 可以使用 background-size: cover; 加上很小的像素图，放大后实现炫彩背景效果。 使用 js canvas 随机生成小的像素图，设置为背景图。来实现随机背景效果 代码如下：
阅读全文
posted @ 2017-09-21 15:16
摘要：代码如下： 参考来源：http://www.cnblogs.com/coco1s/p/7519460.html
阅读全文
posted @ 2017-09-14 19:18
摘要：效果如下： 基本功能 网址访问统计，使用的HTML5本地存储。 单页面，很实用。 代码如下：
阅读全文
posted @ 2016-04-27 13:53
摘要：效果如下： 代码下载：http://files.cnblogs.com/files/zjfree/yun_loading.rar
阅读全文
posted @ 2016-04-11 17:52
摘要：参考：https://github.com/cyclegtx/wave_background 做的水波背景，以后可能会用到哈！ 效果如下： 代码如下：
阅读全文
posted @ 2016-04-11 17:39
摘要：现在HTML5已经很强大了，如何让网页看起来像本地应用呢？仅chrome浏览器就可以实现。（但当然只能使用HTML的功能，不能操作本地系统） 以百度为例： 快捷方式的内容如下所示： "C:\Program Files (x86)\Google\Chrome\Application\chrome.ex
阅读全文
posted @ 2016-03-28 11:41
摘要：从jsTree演示代码中提取的在线文件查看jsTree 请参考：https://www.jstree.com/效果如下：代码下载：http://files.cnblogs.com/files/zjfree/jsTree_file.rar
阅读全文
posted @ 2015-08-04 14:40
摘要：.Aclose { -webkit-transition-property: all; -webkit-transition-duration: .3s; -moz-transition-property: all; -moz-transition-duration: .3s...
阅读全文
posted @ 2015-05-07 10:34
摘要：经常在网上看到的，鼠标在导航上移动时，导航底部的横条会自动移动到鼠标悬浮的导航项上。效果如下图：利用jquery的animate 函数，很好实现。代码很简单！代码如下： 测试 首页产品新闻中心关于我们联系我们首页首页下载地址：http://files.cnblogs.com/fi...
阅读全文
posted @ 2015-05-07 09:48
摘要：项目中要添加一个文件管理功能，允许用户维护自己的静态HTML文件。在网上找了一个现成的在线PHP文件管理工具：webftp 下载地址：http://down.chinaz.com/soft/30675.htm下载后发现有一些问题：他必须登录才可以使用上传的文件类型没有限制界面不是很方便嵌入项目中指定...
阅读全文
posted @ 2014-06-07 11:31
摘要：一直搞不明白，隐藏的元素的背景图，在页面加载时，是否自动加载？img隐藏时，图片会加载吗？测试代码如下： img load imgimg nonetest Hover测试了chrome33 和 IE7 使用Fiddler 监控测试结果如下：结果很复杂，IE和chrome下hover样式的背景图...
阅读全文
posted @ 2014-05-16 16:22
摘要：基于jquery的简易瀑布流代码如下：瀑布流下载：http://files.cnblogs.com/zjfree/jsFlow.rar
阅读全文
posted @ 2013-12-20 10:13
摘要：布局特点：顶部固定、导航菜单固定、底部永远处于页面底部。代码如下：<!DOCTYPE html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style type="text/css"> html, body { padding:0; margin:0; height:100%; position:re
阅读全文
posted @ 2013-04-15 11:11
摘要：彩虹颜色：红橙黄绿青蓝紫他们的RGB值是<div style="background-color:rgb(255,0,0);"></div><div style="background-color:rgb(255,122,0);"></div><div style="background-color:rgb(255,255,0);"></div><div style="background-color:rgb(0,255,0);">
阅读全文
posted @ 2012-05-14 16:54
摘要：HTML预览testtest源码：<!DOCTYPE html><html><head> <title>超简易在线HTML编辑</title></head><body><table style="width:100%; border-collapse:collapse;" border="1"><tr><th>HTML</th><th>预览</th></tr><tr><t
阅读全文
posted @ 2012-02-06 11:55
摘要：clip:rect(auto auto auto 10px);裁剪一部分内容，元素必须是position:absolute; clip:rect([距顶] [距右] [距底] [距左]); 注意：不支持在:hover中使用。什么情况？cursor:wait;设置鼠标样式。 注意：当元素直接设置了cursor:wait; 在元素的:hover中的cursor:move; 不起作用，但如元素未设置cursor时，:hover中的cursor奇效。direction:rtl;元素文本方向 注意：真心不知道direction:rtl; text-align:right; 的区别哦。abcdefj 学习
阅读全文
posted @ 2012-01-17 13:29
