51Dev开发社区
登录 注册

#Div

[CSS][转载]内层div的margin-top影响外层div
参考 内层div的margin-top影响外层div——引出外边距合并div嵌套导致子区域margin-top失效不起作用的解决方法我使用的是在外层的div中添加border:1pxsolidtransparent;在上面参考方法中，给外层div添加"overflow:hidden;"也实现了同样的效果。...
代码星球 ·2021-02-03

DIV层的使用方法
1、可以判断你选择的样式是否存在用下边的方法（如果存在的话执行某个方法）if($(this).hasClass('cur'))2、这个方法可以查询一个页面中同样的div层总共有几个vari=$(".cart-list").length;取某个大的div层中的小标签的值用下边的方法Span取值后边用.text(),div...
代码星球 ·2021-01-24

关于在同一个DIV下的Hover效果问题
例子：(functionbindColumnRowHoverEvent(){$('.ticket_list_body.work_product').live('mouseenter',function(e){e.stopPropagation();$(this).hover(function(){if($(this)....
代码星球 ·2021-01-23

传入两坐标点，利用div+css画线
上样式生成函数代码lineStyle(x1,y1,x2,y2,lineWidth=4,color='black'){letrectX=x1<x2?x1:x2;letrectY=y1<y2?y1:y2;letrectWidth=Math.abs(x1-x2);letrectHeight=Math.abs(y1...
代码星球 ·2021-01-22

div height 自适应高度 占满剩余高度的方法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>html,body{margin:0;padding:0;height...
代码星球 ·2021-01-22

一款基于TweenMax跟随鼠标单击移动的div
前面给大家分享过 一款基于jqueryui漂亮的可拖动div实例，今天给大家分享一款基于TweenMax跟随鼠标单击移动的div。在这款实例中你可以单击任意位置，div会移动到你单击的位置。效果图如下：在线预览   源码下载实现的代码。html代码：<htmlng-app=...
代码星球 ·2021-01-21

基于jquery的可拖动div
昨天给大家介绍了一款基于jqueryui漂亮的可拖动div实例，今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以，无需引用jqueryui。还实时记录的鼠标的坐标。一起看下效果图吧。在线预览   源码下载实现的代码。html代码：<spa...
代码星球 ·2021-01-21

一款基于jquery ui漂亮的可拖动div实例
今天要给大家带来一款基于jqueryui漂亮的可拖动div实例。这款实例用了图片当背景，div层采用了幽灵透明效果。div拖动是基于jquery ui的。界面非常漂亮。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divid="box1"class="b...
代码星球 ·2021-01-21

div拖拽， onmousedown ,onmousemove, onmouseup
1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title></title>6<styletype="text/css">78#box1{9width:100px;10heigh...
代码星球 ·2021-01-17

div随鼠标移动而移动（滚动条）
1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title></title>6<styletype="text/css">7#box1{8width:100px;9height:...
代码星球 ·2021-01-17

一个div（id是outer）中，里边有两个div（id分别是top和bottom），一个高度是100px，希望另一个元素撑满剩下的区域
 方法一，利用flex1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7*{8margin:0;9padding:0;10}...
代码星球 ·2021-01-17

关于DIV多层嵌套的margin-top的BUG
今天在做登录页面的时候发现个margin-top的bug;初始代码如下：html:<divclass="logo"></div><divclass="login_text"><divid="error"class="errorstyle"></div><...
代码星球 ·2021-01-16

使用div 的 contenteditable属性，实现输入编辑，输入 "#" 出现下拉选择
文章原文： https://www.cnblogs.com/yalong/p/11883585.html演示效果如下： 具体代码可以看https://github.com/YalongYan/edit-by-contenteditable ,下面分析实现的大概过程代码实现过程1.把div容...
代码星球 ·2021-01-13

探讨把一个元素从它所在的div 拖动到另一个div内的实现方法
故事背景：   接到一个新需求，要求用vue搞，主要是拖动实现布局，关键点有：单个组件拖动，一行多列里面的组件拖动， 单个组件可以拖入一行多列里，单个组件的拖动好实现，关键是把一个组件拖动到另一个类似于表格里面，而且有的情况下还需要限制拖动只能在水平方向，自己搜集资料，实验，终于...
代码星球 ·2021-01-13

div+CSS实现段落首行缩进两个字符
段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉...
代码星球 ·2021-01-09
首页上一页...34567...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他