- 博客(71)
- 收藏
- 关注
RSS订阅
原创 各种常用的css样式（收集整理）
a{text-decoration:none;} //A标签去掉下划线a{cursor:pointer;} //鼠标手型样式li{list-style:none;} //列表样式:无。li标签去掉点em{font-style:normal} //去掉EM标签斜体样式，初始化代码用a标签实现跳转到本页面或者目标页面的顶部、底部或者某一位置：1、定义目标位置，赋予id。2...
2017-09-03 18:42:31
1214
转载 CSS实现单行、多行文本溢出显示省略号（…）
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow: hidden;text-overflow:ellipsis;white-space: nowrap;但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下来重点说一说多行文本溢
2017-08-31 17:45:02
465
原创 flex布局常见属性
自己学习参考使用flex布局父项常见属性body { flex-direction: 设置主轴的方向; /* row 默认值从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上 */ justify-content: 设置主轴上的子元素排列方式; /* flex-start 默认值从头部开始 flex-end 从尾部开始排列 center 在主轴居中对齐（如果主轴是x轴 水
2021-10-09 09:54:22
490
原创 javascript实现随机显示图片
js部分window.onload = choosePic;function choosePic() { var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg"); var randomNum = Math.floor((Math.random() * myPix.length...
2021-10-08 14:45:51
3685
1
原创 Bootstrap5导航条鼠标悬停下拉菜单
Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态，都是点击弹出下拉菜单，为了适应一般网站使用，我稍作了一些修改，鼠标hover时就弹出二级菜单。效果图：直接上代码，非常简单，加了个css样式：.dropdown:hover .dropdown-menu { display: block;}个人亲测有效。希望能帮助到大家。...
2021-09-14 10:55:26
1784
原创 jQuery弹出窗口带透明遮罩层
一个常用的web效果，记录一下，希望能帮助到大家。高手请绕行。先上效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid.
2021-09-06 16:51:35
381
转载 点击input时，里面默认字体消失显示
具体如下：<input class="form-control" name="title" id="title" type="text" placeholder="请输入您的姓名" onfocus="if(placeholder=='请输入您的姓名'){placeholder=''}" onblur="if(placeholder==''){placeholder='请输入您的姓名'}" />相当于input里写了一个判断，亲测有效，喜欢的拿走。效果如下图：...
2021-09-04 12:43:36
985
原创 纯css 背景缩放代码 亲测有效
之前发过一个边框闪烁的，其实原理相同。由于最近做项目需要这个效果，重新整了一个，希望能帮助大家使用。直接上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid
2021-08-28 14:54:47
151
原创 帝国CMS多值字段morevaluefield实操
帝国cms后台“数据表与系统模型”里增加“多值字段”设置好后，在对应的栏目里增加内容，会看到自己增加的多值字段内容模板调用代码（重点）<?php/* 内容页调用多值字段示例 假设字段这个多值字段为zhicheng 标签span是包裹标签，可以自己写对应的样式css**/$exp=explode('||||||',$navinfor[zhicheng]);foreach($exp as $k=>$v){ /*下一行是分割多值字段的每行中的每项*/..
2021-08-18 13:31:11
830
原创 jQuery tab代码 简单好用
写了一个极简的tab代码，喜欢的拿去用，不喜勿喷。html部分（要引入jQuery）<div class="warp"> <div class="tab_tit_haha"> <span class="active">ceshi1</span> <span>ceshi2</span> <span>ceshi3</span&
2021-08-17 15:38:21
165
原创 video视频标签的基本应用（关于poster属性）
大家有没有发现调用视频文件时，默认是黑色或白色底加一个播放按钮（个别浏览器），不是想要的视频画面？特别是在做web前端开发时，自己的电脑和手机是正常完美的，可是领导或金主爸爸却看的很“差”。好了，不废话了，直接上代码：<video width="100%" height="100%" controls="controls" poster="封面图地址" style="objec...
2020-04-22 15:08:13
1403
原创 优酷视频分享链接自适应屏幕的方法
直接分享代码：<script> $(function () { resizeIframe(); $(window).resize(function () { resizeIframe(); }); }); //调整iframe尺寸的方法 function resizeIframe() { var expectWidth = $(document)...
2020-04-22 13:31:15
871
原创 js实现获取网络来源并赋值到URL代码
直接上代码//把参数转换为JSON格式var getParms = function (url) { url = url.split('?')[1]+''; var data = {}; if(url.indexOf('=')!==-1){ var kv = url.split('&'); if(kv.length){ kv.forEach(function(e...
2020-04-18 17:08:21
320
原创 js获取当前页面的标题或URL，并提交表单
使用document.title获取页面标题，使用document.referrer获取页面URL，并通过给value属性赋值提交表单html部分<input type="text" id="text"/><input type="button" value="这个地方是获取的标题" onclick="aa()"/>js部分function aa()...
2019-10-09 17:47:08
812
原创 关于锚点平滑跳转（同页面）、导航跟随页面滚动并自动高亮显示
根据标题的意思，大概有两个知识点：1、锚点在页面里平滑跳转，无网址后面的#什么的，地址栏里只会看到默认网址2、锚点随着页面滚动定位，并高亮定位的锚点直接上代码，不懂的朋友可以复制粘贴到本地查看。js部分$(function() { $(window).scroll(function() { //为页面添加页面滚动监听事件 var wst = $(window).scr...
2019-07-15 11:07:19
6833
转载 JS复制内容自动添加版权信息
直接上代码：function addLink() { var body_element = document.body; var selection; var blogName = '你的网站名称'; selection = window.getSelection() ? window.getSelection() : document.selection.c...
2019-04-28 15:09:33
946
原创 【帝国CMS】灵动标签SQL多选（包含）、禁调（不包含）写法
标题写的有点让人没看明白。本人能力有限，也只能这样了，直接放代码：调取自定义页面ID为6、7两个页面内容：[e:loop={'select * from [!db.pre!]enewspage where id in (6,7) order by id',20,24,0}]<url><loc>https://www.x.com<?=$pageurl?&g...
2019-04-22 13:27:17
1016
原创 【帝国CMS】文章页digg（点赞）代码
不是新知识（技术），只是为了记录，以后方便使用。首先要把默认对js加上：<script type="text/javascript" src="[!--news.url--]e/data/js/ajax.js"></script>接下来是html代码：<div class="ho-show-digg"> <p>这篇文章有帮助吗？...
2019-04-17 11:21:58
1534
1
转载 html5中的pattern属性（表单验证input）
pattern用于验证表单输入的内容，通常HTML5的type属性，比如email、tel、number、data类、url等，已经自带了简单的数据格式验证功能了，加上pattern后，前端部分的验证更加简单高效了。pattern的属性值要用正则表达式。常用的正则表达式： 信用卡 [0-9]{13,16} 银联卡 ^62[0-5]\d{13,16}$ Visa...
2019-04-15 16:51:40
8718
1
转载 Jquery 当div为空时，隐藏其他div
当#textdiv为空时，隐藏#newplayer：$(function() { if ($('#textDiv').text().trim() == '') { $('#newPlayer').hide(); }});案例：<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jqu...
2019-04-12 16:06:02
1006
1
转载 【帝国CMS】灵动标签调用包含指定短语关键词关键字文章的语法
直接上代码：[e:loop={"select * from phome_ecms_news where title like '%这里是关键词%' and checked=1 order by newstime desc limit 10",10,24,0}]<a href="<?=$bqsr[titleurl]?>" target="_blank"><?=$...
2019-04-12 12:02:35
2915
原创 纯css 边框闪烁效果
代码如下：#ho-shan{ width: 100%; height: 100%; position: relative; outline: none; background-color: #dd524d; border-radius: 5px; transform-origin: 0 0; opacity: .7; border:...
2019-04-10 13:28:21
6377
转载 【帝国CMS】灵动标签SQL调用广告系统里的广告
个人觉得不如js灵活（基本上不用），但对于网站自身还是比较实用的，有的浏览器会屏蔽带有ad的js。实例：[e:loop={"select * from phome_enewsad where adid in (1,2,3) and t=0 order by adid desc limit 20",0,24}]<a href="<?=$bqr[url]?>" targe...
2019-04-03 10:53:34
880
转载 简单的Jquery添加删除属性、添加删除class、添加删除Css
一.设置属性：方式一： jQuery 代码$("img").attr({ src: "test.jpg", alt: "Test Image" }方式二：jQuery代码--键值对$("img").attr("src","test.jpg");方式三： jQuery 代码--函数式$("img").attr("title", function() { return t...
2019-04-01 09:28:37
372
转载 鼠标点击自定义文字展现特效JS代码
只需将如下JS代码放到</body>之前就好了。也可以保存为JS文件，通过链接调取。<script type="text/javascript">/* 鼠标特效 */(function() { var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "...
2019-03-29 16:57:33
688
原创 向iframe传递数值简单方法（父页面向子页面传递数值）
方法很简单，能实现父页面向子页面传递数值，实测成功。仅供参考，不知道存不存在bug。如出现问题，概不负责。父页面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>父页面</title> </head> <bo...
2019-03-29 11:22:04
7603
4
原创 三种鼠标经过图片变动效果（透明度、灰白、缩放）
使用的bootstrap 4.0框架（与标题无关）做css底层框架html部分<div class="container" style="margin:20px auto"> <div class="row"> <div class="col-12 col-md-4"> <a href="#" class="ho-img ho-alp...
2019-03-28 17:04:09
1477
原创 鼠标经过隐藏与显示
<script src="js/jquery-3.3.1.min.js"></script><script>$(".down").hover(function(){ $(this).children(".down span").hide(); $(this).children(".down-ewm").show(); },function(){ ...
2019-03-06 11:29:43
692
原创 【帝国CMS】灵动标签随机调取文章
[e:loop={"select * from {$dbtbpre}ecms_sitenav order by rand() desc limit 6",20,24,0}]<div class="col-12 col-md-6 col-lg-4"><div class="ho-hotsitenav"><em><a href="&
2018-11-02 12:04:16
5189
转载 防扒皮、防右键、防查看资源的代码
还没用过，但看到了，先收藏。<script type='text/javascript'> var h = window.innerHeight, w = window.innerWidth; // 禁用右键 window.oncontextmenu = function () {return false;}; // 任何键盘事件都无效 防止F1...
2018-09-17 14:12:30
703
转载 【帝国CMS】怎么统计栏目信息数量？totaldata标签的用法
帝国cms统计栏目信息数量就是用很简单的[totaldata]标签即可实现！标签名称：网站信息统计 (totaldata)格式：[totaldata]栏目ID,操作类型,时间范围,统计类型[/totaldata]参数说明：1.操作类型说明： 操作类型 内容 0 统计栏目数据 1 统计标题分类 2 统计数据表 2.时间范围：0为不限;...
2018-09-15 12:28:50
3956
原创 【帝国CMS】灵动标签循环调用广告
帝国灵动标签很强大，配合数据库查询可调取任意信息，下面一调用广告为例：[e:loop={"select picurl,url,target from {$dbtbpre}enewsad order by adid asc limit 3",0,24,0}]<div class="column_img"><a href="<?=$bqr[url]?>" clas...
2018-09-15 09:10:06
1672
转载 【帝国CMS】输出带序号的列表(数字排序适用于排行榜)
1.帝国cms里面用万能标签调用序号是 [!--no.num--]标签模板：<li><span>[!--no.num--]</span><a href="[!--titleurl--]">[!--title--]</a></li>灵动标签调用序号是 <?=$bqno?>2.帝国
2018-09-14 15:49:21
2801
1
转载 比较全的HTML和CSS标签常用命名规则
文件夹主要建立以下文件夹： 1、Images 存放一些网站常用的图片； 2、Css 存放一些CSS文件； 3、Flash 存放一些Flash文件； 4、PSD 存放一些PSD源文件； 5、Temp 存放所有临时图片和其它文件； 6、copyright 版权信息（可选） 8、readme 说明文件css统一命名注：本CSS命名规则只适合物table制作模式下 1、 ...
2018-09-12 12:05:27
305
转载 【帝国CMS】时间格式改成几分钟，几小时，几天前等插件
在网上试了好几个，终于通过各种组合，成功了一个，发出来给大家看看，同时六个备份，以便以后自己使用。在此还是得感觉懂代码的贡献者。不多说，放码。把以下的内容复制到 /e/class/userfun.php 文件里，放在之间就可以了。function user_time($tm, $num) { if ($num == 1) { $tm = strtotime($t
2017-10-21 15:57:51
3045
转载 【帝国CMS】列表页调取副表字段演示
列表模板中要调用副表字段内容需要采用“list.var支持程序代码”。下面以读取新闻副表中的newstext字段为例的list.var模板代码：$fr=$empire->fetch1("select newstext from {$dbtbpre}ecms_news_data_{$r[stb]} where id='$r[id]'");$listtemp='[!---title--] 副表内
2017-10-21 15:28:19
2054
原创 网站响应式页面查看工具源代码
网站响应式页面查看工具源代码var theme_list_open = false;$(document).ready(function() { function fixHeight() { var headerHeight = $("#switcher").height(); $("#iframe").attr("height", $(w
2017-09-18 16:55:29
1004
转载 li标签实现不同行颜色不一样（奇数行、偶数行）
li标签实现不同行颜色不一样（奇数行、偶数行）#list li:nth-of-type(odd){ background:#00ccff;}奇数行 #list li:nth-of-type(even){ background:#ffcc00;}偶数行 1 2 3 4 5 6
2017-09-04 16:52:29
4366
转载 给标签云TAGS增加七彩背景色
给标签云TAGS增加七彩背景色.d_tags{padding: 12px 13px 10px 15px;}.d_tags a:nth-child(9n){background-color: #4A4A4A;}.d_tags a:nth-child(9n+1){background-color: #428BCA;}.d_tags a:nth-child(9n+2){background-c
2017-09-04 16:46:29
798
转载 JQUERY可变透明度返回顶部代码
1、在页面（HTML）<body></body>里加上A标签（返回顶部超链接）<a href="#0" class="cd-top">Top</a>2、添加css样式（可以写在页面里，也可以写在单独的css样式表里）.cd-top { display: inline-block; height: 40px; width:...
2017-09-04 16:21:21
629
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人