2017年12月_林中明月间丶_杜杜丶Du

12月 11月

原创设置文本缩略的样式为“...“

html中超出盒子宽度会自动换行的，不用设置，如果你连续的英文之间没用空格，那么它会以为是一个单词，就不会换行，这个时候加上word-break: break-all; word-wrap:break-word;就可以了。假设文本或者英文超出设置word-break: break-all; 可以使其自动换到下一行继续。方法/步骤首先给用于放文本的标签元素设置一个宽度值，并设置溢出属性o...

2017-12-19 18:25:56 661

转载 HTML页面meta标签详解

所有的浏览器都支持meta标签，用于提供页面相关信息，信息都是以名（http-equiv和name标示）/值（content标示）对的形式现实。属性content，用于定义http-equiv(定义http头部信息，服务器向浏览器提供的信息)和name（指定网页信息的相关的名称）相关的信息；http-equiv就是在HTTP头部指定了一些服务器返回给浏览器的有用信息　　

2017-12-27 11:29:08 788

原创 H5表格案例、边距解析（表格带有滚动条）

一个简单的表格：<table id="tab1" width="100%" cellspacing="0" border="1px"> <thead> <tr> <th>第一季度</th> <th>第二季度</th> <th>第三季度...

2017-12-18 19:59:16 6011

原创 discuz 二级、三级分类信息设置

有时候做discuz网站、客户有要求分类信息里面再分类，达到二级三级。该怎么办，可以这样设置。参考一下。或许你还会有疑问，如果我二级、三级分类超过了10个这么办，那就写成，1.10或者1.11、2.10、2.11、3.12以此类推

2017-12-18 10:45:16 2739

原创 discuz 主题分类和分类信息详解

discuz里面的主题分类和分类信息有点模糊，可能时间长了不会记住，所以就做了一次总结，希望能给各位提供点帮助。

2017-12-15 13:53:32 10285

原创 js 点击图片出来放大弹窗，还原

https://www.jb51.net/article/154719.htm<html><head><meta charset="utf-8"><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></...

2017-12-14 18:48:58 6788 3

原创清除多余的margin 和padding

在有时候没有设置margin 和padding是继承下来的但是达不到我们的目标位置的，所以我们用 margin:0;和padding:0;来清除多余的空间，使达到目标位置,多余的margin和padding当我们开始写css时候开头就加*{margin:0;padding:0}这样就出去了所有的内外边距还可以使用clear:both;清除左右两边的浮动 clear属性有:both,le

2017-12-14 17:04:02 5718

原创小图轮播对应显示大图

自动轮播图 .dpcphdp{position: relative;overflow: hidden;width: 100%;margin-top: 10px;float: left;}.dpcphdp .bigImg{width:290px;height: 310px;position: relative;width: 100%;float: left;}.dpcphd

2017-12-13 15:24:45 2508

原创 js点击轮播或者自动轮播图代码

js点击轮播或者自动轮播 #d{position: relative;top: -30px;} label{margin: -5px;} .one{width: 10px;height: 10px;border: 1px solid black; background-color: red;}

2017-12-13 14:28:41 17954 1

原创如何实现左边为导航栏点击后右边为连接页面

如何实现左边为导航栏点击后右边为连接页面function setTab(m,n){ var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li"); var mli=document.getElementById("mcont"+m).getElementsByTagName("ul"); f

2017-12-13 12:02:52 3244

原创如何实现网页鼠标浏览左边的导航右边显示对应的页面

#left_nav{width:320px;}#left_nav ul {list-style: none;margin: 0; padding: 0;overflow:hidden; float: left;}#left_nav ul li{width: 80px; height: 30px ;border: 1px solid;}#left_nav .active {background

2017-12-13 11:40:48 3609 1

原创 hover给图片加遮罩

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title&a

2017-12-13 10:38:12 1803

原创 HTML字符实体转换

HTML字符实体转换网址：http://www.qqxiuzi.cn/bianma/zifushiti.php

2017-12-11 15:18:24 1183

转载导航栏下拉至一定高度后固定在顶部的特效

转自：https://blog.csdn.net/vailook/article/details/53783691<script type="text/javascript"> $(function(){ var nav=$(".nav"); //得到导航对象 var win=$(window); //得到窗口对象 var sc=$(document);//得到docu...

2017-12-09 09:22:43 1877

转载网站icon图标添加

<head> <link rel="shortcut icon" href="/public/favicon.ico" type="image/x-icon"> <link rel="icon" href="/public/favicon.ico" type="image/x-icon"></head>这里的`shortcu...

2017-12-08 16:08:49 1902

原创下拉框+文本框+搜索按钮

一行的表单 form { display: inline-block;}select, input { margin: 0; padding: 0; float: left;} XXXX YYYY

2017-12-08 12:02:12 1899

原创动态提示下拉框

a{color:red;text-decoration:none;font-size:12px}动态提示的下拉框请输入1或2或3或4或5进行测试： 1 12 123 1234 2 23 234 2345 3 34 345 3456 5 51 51

2017-12-08 11:56:38 500

转载 discuz X3.4的最新版QQ互联插件配置教程

一、discuz X3.4的QQ互联都更新了哪些内容其中的QQ互联功能已升级为允许使用QQ互联官方的 appid，新站点必须到 http://connect.qq.com/ 申请，升级上来的站点不受影响以上是X3.4的介绍中对新版QQ互联插件的相关介绍信息。从这个信息中我们可以得出：1、如果是从X3.2、X3.3升级到X3.4的，那么QQ互联

2017-12-07 18:03:57 3948