51CTO首页
内容精选
博客
学堂
精培
企业培训
CTO训练营
开源基础软件社区
元宇宙大会
AISummit人工智能大会
移动端
公众号矩阵
博客
免费课程 课程排行 直播课 软考学堂
精品班 厂商认证 IT技术 2022年软考 PMP项目管理
在线学习 企业服务
CTO训练营 技术经理研习营 LeaTech峰会
文章 资源 问答 开源课堂 专栏 直播
实现svg动态插入图表

实现svg动态插入图表

实现svg插入各种图表功能

svg
svg echarts
echarts
原创 点赞1 阅读345 收藏0 评论0 2022-03-31

我的友情链接

51CTO博客开发Linux_十年

原创 点赞0 阅读282 收藏0 评论0 2017-11-22

JQuery如何监听DIV内容变化

技术需求：当Div内容发生变化生，需要监听事件，并执行指定的方法。

DIV
JQuery
如何监听
原创 点赞0 阅读3723 收藏0 评论0 2016-08-04

前端开发知识结构

前端开发知识结构图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。尽管会变成文字的方式来维护这些内容，但是我承诺写一个小工具帮大家生成更好玩的图形（基于DataV项目）。前端开发知识结构前端工程师SVG/Canvas/VMLS

前端开发知识结构
转载 点赞0 阅读732 收藏0 评论0 2015-04-28

HTML的TextArea标记跟随文本内容自动设置高度

<script type="text/javascript">    function get_text_rows(text) {        return text.split("\n").length;    }    $(document).ready(function () {

    &nbs
翻译 点赞0 阅读876 收藏0 评论0 2015-04-27

CSS田字布局

<style type="text/css"> *{ margin:0; padding:0; list-style:none; } .nav{ max-width:960px; overflow:hidden; margin:0 auto; border:5px solid #F60;

CSS
田字布局
原创 点赞0 阅读634 收藏0 评论0 2015-04-26

div的水平、垂直同居中（多种方法）

css div的水平、垂直同时居中创建页面布局的时候，会遇到只是用纯粹的css控制div的垂直和水平居中。有很多种方法可以实现这种效果，这里列出我喜欢的。首先是最基本的，css控制div水平居中创建一个div的水平居中很简单，只需要设定宽度和左右margin值自动。这种方法可以用在block级元素上（div、图片、h1等）。如果在inline元素上，必须使用display:block。 

div的水平、垂直同居中（多种方法）
转载 点赞0 阅读283 收藏0 评论0 2015-04-23

div的水平、垂直同居中（多种方法）

css div的水平、垂直同时居中创建页面布局的时候，会遇到只是用纯粹的css控制div的垂直和水平居中。有很多种方法可以实现这种效果，这里列出我喜欢的。首先是最基本的，css控制div水平居中创建一个div的水平居中很简单，只需要设定宽度和左右margin值自动。这种方法可以用在block级元素上（div、图片、h1等）。如果在inline元素上，必须使用display:block。 

div的水平、垂直同居中（多种方法）
转载 点赞0 阅读281 收藏0 评论0 2015-04-23

Jquery遍历元素是否存在

说明：以下代码作用是为了一直扫描网页中是否存在所查找的元素，一直遍历循环查找！ $(function () {        jQuery.fn.wait = function (func, times, interval) {            var _times = times

遍历
jquery
元素是否存在
原创 点赞0 阅读596 收藏0 评论0 2015-04-23

javascript 禁止鼠标滚动

javascript 禁止鼠标滚动

javascript 禁止鼠标滚动
转载 点赞0 阅读524 收藏0 评论0 2015-04-23

Jquery 通配选择符

今天逛Q群遇到一个网友请教问题.....

通配符
Jquery
筛选
原创 点赞0 阅读991 收藏0 评论0 2015-04-23

javascript判断是否手机设备+滑动事件

//判断是否手机端   var isMobile = false;   try {    //手机端    document.createEvent("TouchEvent");    isMobile = true;   } catch (e) {    /

JS
判断手机
滑动事件
原创 点赞0 阅读618 收藏0 评论0 2015-04-23

事件捕获/事件冒泡

事件捕获：Outer -> inner, 事件冒泡：Inner -> Outer;一个事件的的发生，先后经历事件捕获、事件冒泡两个阶段，形成一个闭合的事件传递链，即document -> ..->target DOM -> ... -> document(有些浏览器(如Firefox)可能是起点和终点window)；事件捕获：即事件

事件冒泡 事件捕获
转载 点赞0 阅读341 收藏0 评论0 2015-04-23

Javascript 设为首页 + 加入收藏（全兼容）

Javascript 设为首页 + 加入收藏（全兼容）

javascript
设为首页
加入收藏
原创 点赞1 阅读472 收藏0 评论0 2015-04-21

javascript 防止复制+禁止右键

javascript 防止复制+禁止右键全兼容

禁止右键
javascript
防止复制
原创 点赞0 阅读619 收藏0 评论0 2015-04-21

判断是否chrome浏览器

判断是否Chrome浏览器

浏览器
Chrome
原创 点赞0 阅读561 收藏0 评论0 2015-04-21

Javascript 模拟F11全屏

function fullscr() {    var ffchat;    ffchat = window.open("#", "hamie", "Status=no,scrollbars=no,resizable=yes");    ffchat.moveTo(0, 0);    ffchat.resizeTo(s

javascript
全屏
F11
原创 点赞0 阅读1133 收藏0 评论0 2015-04-21

IE6下绝对定位层不显示

之前遇到一个超级坑的问题；一个绝对定位的元素,在firefox,chrome,ie8-9下都可以正常显示,就是IE6中不显示．尝试过设置z-index, float:left,display,block等，绝对定位的元素还是没有显示出来，然而，我在此元素上加上 clear属性即可解决；网上大神解决方法如下：1、在绝对定位元素外层加一空白div，不应用任何样式．终于，绝对定位的元素显示出来了．2、在

标签
IE6
绝对定位
原创 点赞0 阅读285 收藏0 评论0 2015-04-21

JQuery小技巧（实例）

1、检测鼠标左键右键$(document).ready(function(){    $("#xy").mousedown(function(e){        alert(e.which) //1=左键 2=中键 3= 右键    })

动画效果
JQuery
回车提交表单
原创 点赞1 阅读474 收藏0 评论0 2015-04-21

所有浏览器的Hack写法

所有浏览器的Hack写法

浏览器
大全
Hack
原创 点赞0 阅读527 收藏0 评论0 2015-04-21

CSS透明度（兼容所有浏览器）

CSS透明度（兼容所有浏览器）

浏览器
CSS
透明
原创 点赞0 阅读482 收藏0 评论0 2015-04-21

textarea 在浏览器中固定大小和禁止拖动

textarea 在浏览器中固定大小和禁止拖动

Textarea文本框
禁止拖动
原创 点赞0 阅读333 收藏0 评论0 2015-04-21

HTML CSS@face 导入字体

@font-face {     font-family: 'emotion';     src: url('emotion.eot'); /* IE9*/     src: url('emotion.eot?#iefi

HTML
CSS
字体
原创 点赞0 阅读1430 收藏0 评论0 2015-04-21

延迟加载JS脚本

延迟加载JS脚本

脚本
JS
延迟
原创 点赞0 阅读409 收藏0 评论0 2015-04-21

CSS3背景渐变事例 -webkit，-moz各种写法

CSS3实现背景颜色渐变 摘抄一. Webkit浏览器      (1) 第一种写法：            background:-webkit-gradient(linear 

CSS3背景渐变
转载 点赞0 阅读416 收藏0 评论0 2014-12-12

IE6下绝对定位层不显示

今晚遇到一个超级坑的问题；一个绝对定位的元素,在firefox,chrome,ie8-9下都可以正常显示,就是IE6中不显示．尝试过设置z-index, float:left,display,block等，绝对定位的元素还是没有显示出来，然而，我在此元素上加上 clear属性即可解决；网上大神解决方法如下：1、在绝对定位元素外层加一空白div，不应用任何样式．终于，绝对定位的元素显示出来了．2、在

IE6
绝对定位
原创 点赞0 阅读289 收藏0 评论0 2014-12-12

毕业了

毕业了.......

毕业
原创 点赞1 阅读244 收藏0 评论4 2013-06-24

JS 时间

 JavaScript代码： <script language="javascript"> function timeOut() { var now=new Date(); var obj=document.getElementById("timeDiv"); obj.innerHTML=

JS时间 布局刷新时间
翻译 点赞0 阅读348 收藏0 评论0 2013-04-10

JQ 时间

 Jquery代码： <script type="text/javascript" language="javascript">       $(document).ready(function(){             &nbs

JQ时间 布局刷新时间
翻译 点赞0 阅读346 收藏0 评论0 2013-04-10

JQ 左右切换+索引点按钮——切换 DIV

功能：JQ 左右切换+点击时索引点按钮——切换 DIV    Jquery代码： <script type="text/javascript"> $(document).ready(function(){ var cur = $(".point>li").index($(&qu

JQ
JQ左右切换
索引点按钮
切换DIV
原创 点赞0 阅读1607 收藏0 评论0 2013-04-06
  • 1
  • 2
  • 3
  • 4

Copyright © 2005-2022 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 意见反馈 了解我们 全部文章
在线客服 网站地图 热门标签
友情链接
开源基础软件社区 51CTO学堂
51CTO