-
HTML实现移动端固定悬浮半透明搜索框
所属栏目:[MsSql教程] 日期:2020-03-20 热度:116
Question. 问题 在移动端商城系统中,我们常常看到位于页面顶部有一个搜索框,这类搜索框博主比较喜欢的是固定在页面顶部,半透明悬浮,能依稀看见部分轮播图的形式。 要制作这样的搜索框,技术关键在于: fixed 搜索框定位 opacity 设置透明度 Solution.[详细]
-
HTML页面自动清理js、css文件的缓存(自动添加版本号)
所属栏目:[MsSql教程] 日期:2020-03-20 热度:117
在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案: 1、手动清除浏览器缓存 2、添加版本号(如 layout.css?v=1) 个人认为方法2[详细]
-
html 网页跳转代码
所属栏目:[MsSql教程] 日期:2020-03-20 热度:126
将以下代码存为默认首页文件如index.html,放在根目录下即可。 不隐藏转向后地址 html head titleRedirect/title meta http-equiv=refresh content=0;url=new site /head body /body /html 隐藏转向后地址 html head titleRedirect/title /head frameset fr[详细]
-
解析HTML中rel=“nofollow”的作用及rel属性的使用
所属栏目:[MsSql教程] 日期:2020-03-20 热度:138
链接加了rel=nofollow属性, 就表示告诉搜索引擎不用跟踪这个连接从而不传递权重. 细心的站长可能会发现很多博客的友情链接上都加了这个属性, 这样做的目的避免自己网站的权重被稀释. rel属性的意思是指: 当前页和指向页的关系. 而 rev 属性则指定从目标文[详细]
-
纯css实现(无脚本)Html指令式tooltip文字提示效果
所属栏目:[MsSql教程] 日期:2020-03-20 热度:53
副标题#e# 分析执行流程 鼠标移入节点 检测是该节点是否存在开启实现 tooltip 实现的标识(类名,属性等) 检测主题、位置(类名,属性等) 生成 / 显示气泡 借鉴他人 让我们先来看看 element-ui的tooltip 样式 很明显, 气泡的位置 是通过 javascript脚本[详细]
-
详解html的几种水平垂直居中的方式(基础)
所属栏目:[MsSql教程] 日期:2020-03-20 热度:127
我们在编写马过程中,想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 !--html盒子代码--!--水平垂直居中--div class=Centered1pd第一种/p/div!-css样式部分--.Centered1{background-color:[详细]
-
Html屏蔽右键菜单和左键划字功能的示例
所属栏目:[MsSql教程] 日期:2020-03-20 热度:170
body oncontextmenu=self.event.returnValue=false 禁止左键划字复制 body onselectstart=return false 采用CSS来控制是否可以选择文字 .unselectable { user-select: none;}pYou can select me./pp class=unselectableYou can't select me!/p 禁止右键菜[详细]
-
html2canvas实现dashed虚线边框的示例
所属栏目:[MsSql教程] 日期:2020-03-20 热度:168
html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依然有问题。 这里根据github issues里的一个思路,模拟实现了dashed边框效果。 适用情况:单独边框较多[详细]
-
实现简易html视频播放器的方法
所属栏目:[MsSql教程] 日期:2020-03-20 热度:55
root@tianshl:/data/video# lshch.mp4test.mp4 xyx.mp4 index.html video.list jquery.js index.html !DOCTYPE htmlhtmlheadmeta charset=UTF-8style type=text/cssbody{text-align: center;}#content-wrap{margin-top: 50px;display: inline-block;}#cont[详细]
-
详解HTML常用的标签中行内元素和块级元素
所属栏目:[MsSql教程] 日期:2020-03-20 热度:152
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 (只能用来容纳[详细]
-
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
所属栏目:[MsSql教程] 日期:2020-03-20 热度:89
就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版。 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转。结果如下[详细]
-
html+css+js 实现拍照预览上传图片功能
所属栏目:[MsSql教程] 日期:2020-03-20 热度:154
前言:我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用input type=file/这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能,部分带来来源于网[详细]
-
Html轻松实现圆角矩形
所属栏目:[MsSql教程] 日期:2020-03-20 热度:94
副标题#e# 问题:如何通过div+css以及定位来实现圆角矩形? 解决方法概述: 内容:首先在body标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别放四个圆角(事先用ps做好椭圆形形状,然后用切片工具切图 )) 样[详细]
-
Web端的邮件内容HTML格式规范总结
所属栏目:[MsSql教程] 日期:2020-03-20 热度:99
1) 统一使用标准的页头和页尾 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN htmlxmlns= head metahttp-equiv=Content-Typecontent=text/html;charset=utf-8 title如何制作网页格式的邮件/title /head bodystyle[详细]
-
关于alt和title的用法区别详解
所属栏目:[MsSql教程] 日期:2020-03-20 热度:64
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:title标题/title。 2.alt属性则是[详细]
-
深入理解html表单输入监听
所属栏目:[MsSql教程] 日期:2020-03-20 热度:180
function changeVal(value){ console.log($(value).val())} onchange:onchange事件是在前后内容改变,并且失去焦点之后才会触发。 input type=text value= onchange=changeVal(this) oninput:oninput事件则会在value改变时就触发。 input type=text valu[详细]
-
Html制作简单而漂亮的登录页面
所属栏目:[MsSql教程] 日期:2020-03-20 热度:80
副标题#e# html源码: XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 titleLogin/title linkrel=stylesheettype=text/csshref=Login.css/ /head body divid=login h1Login/h1 formmethod=post inputtype=textrequired=re[详细]
-
关于表格table嵌套,边框合并问题的解决方法
所属栏目:[MsSql教程] 日期:2020-03-20 热度:133
外层table与内层table嵌套,内外表格都需边框时,设置border=1,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】: 外表格样式: table border=1 cellspacing=0 cellpadding=0 style=border-collapse: collapse; 内表格样式: tab[详细]
-
HTML中frameset标签的使用教程
所属栏目:[MsSql教程] 日期:2020-03-20 热度:91
副标题#e# frameset页面与普遍的Web页面有些不同。虽然仍旧以HTML和包含标题的HEAD标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有BODY元素,只需要frameset标记。 属性介绍 border:设置框架的边框粗细。 bordercolor[详细]
-
HTML实现遮罩层的方法 HTML中如何使用遮罩层
所属栏目:[MsSql教程] 日期:2020-03-20 热度:119
副标题#e# Web页面中使用遮罩层,可防止重复操作,提示loading;也可以模拟弹出模态窗口。 实现思路:一个DIV作为遮罩层,一个DIV显示loading动态GIF图片。在下面的示例代码中,同时展示了如何在iframe子页面中调用显示和隐藏遮罩层。 示例代码: index.htm[详细]
-
HTML实现海康摄像头实时监控功能
所属栏目:[MsSql教程] 日期:2020-03-19 热度:196
最近公司安排做CCFA的一些东西,有一项就是做一个网页播放摄像头的实时监控。网上百度了很久,很多都是直接用vlc插件实现,但是目前主流浏览器都已经不支持vlc插件了,搞了很久也没成功。 网上大多是这么实现的: object type='application/x-vlc-plugin'[详细]
-
HTML 表单组件实例代码
所属栏目:[MsSql教程] 日期:2020-03-19 热度:100
HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧 废话不多说了,直接给大家贴代码了,具体代码如下所示: !DOCTYPE html html head meta charset=UTF-8 titleInsert title here/title /head bod[详细]
-
html页面中完成查找功能
所属栏目:[MsSql教程] 日期:2020-03-19 热度:93
最近在搞一个被很多人改了的框架,天天看代码看的头的晕了,不过感觉进步还挺大的,自己做了一个后台可配置前台查看两个库不同数据范围的东西,还挺满意,那天拿出来分享一下,今天先说一个这几天做的功能,就是html页面的查找功能。 这个功能主要是实现在[详细]
-
如何固定表格四周实现表格上下左右滚动
所属栏目:[MsSql教程] 日期:2020-03-19 热度:132
问题: 最近做项目统计的时候碰见一个特定的需求,要求表格上下滚动时,表格头尾固定;左右滚动的时候表格,表格第一列最后一列固定。 先上效果图可能会更明了些: 左右滚动时,两列固定,头尾中间部分跟着滚动。 上下滚动时,头尾固定,第一列和最后一列[详细]
-
全面理解line-height与vertical-align
所属栏目:[MsSql教程] 日期:2020-03-19 热度:156
副标题#e# line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容,本文将主要介绍line-height与vertica[详细]