随笔分类 -  CSS+HTML+JS

js操作文件(ie可用)
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js操作文件(ie可用)</title> <script src="http://libs 阅读全文
posted @ 2020-09-21 17:20 迢迢 阅读(268) 评论(0) 推荐(0)
html右击显示菜单
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>右键显示菜单</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></ 阅读全文
posted @ 2020-09-21 16:50 迢迢 阅读(510) 评论(0) 推荐(0)
js创建post请求
摘要：//var param = new Array();//param.push({ "name":"id","value":"id123"}); //var serverUrl = "/a/save";//postDetail(serverUrl,param); 阅读全文
posted @ 2019-01-11 14:46 迢迢 阅读(6884) 评论(0) 推荐(0)
jquery 禁用/启用滚动条
摘要：Document 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本 文本文本文本文本文本文本文本文本文本文本文本文... 阅读全文
posted @ 2018-09-25 14:32 迢迢 阅读(3462) 评论(0) 推荐(0)
Jquery表单序列化和json操作
摘要：Document 姓名: 性别: ... 阅读全文
posted @ 2018-09-21 13:48 迢迢 阅读(2462) 评论(0) 推荐(0)
CSS制作简单图标
摘要：CSS制作图标包括知识点如border-width、border-style、border-color、border-radius、对元素的定位拼接、旋转等结合起来。 图标效果如下（拖动滑块可缩放图标）： 缩放字体比例后如图： test-css图标.css 文件对颜色做了处理（由于伪类:before 阅读全文
posted @ 2018-04-28 16:32 迢迢 阅读(1781) 评论(0) 推荐(0)
CSS3 水波纹
摘要：css3 动画设置水波纹，效果如下图： 源码： 阅读全文
posted @ 2018-04-11 15:28 迢迢 阅读(311) 评论(0) 推荐(0)
html5画布canvas
摘要：效果图如下： 源码： 阅读全文
posted @ 2018-04-10 17:07 迢迢 阅读(213) 评论(0) 推荐(0)
html5 拖拽元素
摘要：利用html5实现元素的拖拽，让拖动元素在指定的容器中拖动。 注意点：1、被拖元素要设置拖动属性。draggable="true" 2、容器元素要设置阻止默认事件处理 实现效果图如下： 源码： 阅读全文
posted @ 2018-04-10 15:17 迢迢 阅读(424) 评论(0) 推荐(0)
CSS+Jquery实现QQ分组列表
摘要：实现效果图如下： 说明： 1、css隐藏分组下的好友内容； 2、Jquery实现点击分组项事件，实现好友内容的显示和隐藏； 3、样式1，可展开多个分组；样式2，只能有一个分组展开； 源码： 阅读全文
posted @ 2018-04-02 08:33 迢迢 阅读(1751) 评论(0) 推荐(0)
CSS头像右上角的讨厌红点
摘要：就是这个讨厌的红点，如图： 说明： 1、主要用到position定位； 2、使用border-radius画圆角； 源码： 阅读全文
posted @ 2018-03-30 10:56 迢迢 阅读(1258) 评论(0) 推荐(1)
CSS动画
摘要：使用动画让元素动起来： CSS动画源码： 阅读全文
posted @ 2018-03-30 10:21 迢迢 阅读(164) 评论(0) 推荐(0)
CSS选择器
摘要：页面源码： 阅读全文
posted @ 2018-03-29 10:33 迢迢 阅读(166) 评论(0) 推荐(0)
CSS下拉菜单
摘要：概述 谷歌效果图： ie效果图： 完整代码 阅读全文
posted @ 2018-03-28 17:29 迢迢 阅读(156) 评论(0) 推荐(0)
CSS聊天气泡
摘要：概述 谷歌效果图如下： ie效果图如下： 完整代码 阅读全文
posted @ 2018-03-28 16:10 迢迢 阅读(247) 评论(0) 推荐(0)