当前位置:主页 > 站长学院 > 网页设计 >

网页设计

网站页面增加字体放大与缩小的方法

一、把以下代码放到内容页模板的head之后,/head之前。 scriptLanguage= JavaScript function FontZoom(fsize){ var ctext=document.getElementById( content ); ctext.style.fontSize=fsize+ px ; } /script 二、在需要调用大小...
网页设计 2020-12-23 14:23:13 245

什么是延迟加载?推荐几种网页图片延迟加载的方法

由于图片是web上最流行的内容类型之一,因此网站的页面加载时间很容易成为一个问题。 即使经过适当的优化,图像也会有相当大的重量。这可能会对访问者在访问网站内容之前等待的...
网页设计 2020-12-22 15:40:52 224

移动端开发1px像素线条变粗的原因与解决方法

移动端1px像素线变粗的原因 在做移动端项目时,常常是根据设计图设置元素节点的大小和样式,但是有时候根据设计图写出来的样式还是不如人意,虽然表面上看起来和设计稿是一样的...
网页设计 2020-12-22 14:47:07 423

rem或viewport进行移动端适配使用详解与优缺点

在开发移动端界面时,移动端适配一直是一个比较头疼的事情,常见的移动端适配有viewport适配,rem适配,百分比适配等等,在这里我们只介绍viewport适配和rem适配。看完这篇文章相信你...
网页设计 2020-12-22 13:52:35 617

后台管理界面登录过期的时候跳出ifram框架的方法

我们在做后台项目管理时,常用 Ifram 框架来加载页面,即: iframesrc= url /iframe 我们使用 iframe 标签来加载页面,该 src 可以指向不同的页面,从而我们可以在一个网页中打开更多的页面...
网页设计 2020-12-22 13:36:36 280

html使用A标签发起post请求两种用法举例

html使用A标签发起post请求两种用法举例,具体内容如下: 1、使用ajax来发起POST请求 HTML代码如下: ahref= https://www.uu2018.com/ class = a_post 发起POST请求/a JQuery代码如下: $( .a_post ).on( click...
网页设计 2020-12-18 11:23:43 508

解决HTML中iframe框架中的内容不刷新的方法

这篇文章主要介绍了解决HTML中iframe框架中的内容不刷新的方法。 问题描述: html:iframe id=h5Content src=/iframe js:$(#h5Content).attr(src,${h5.url}); h5.url对应的是一个ueditor编辑好存到数据库的一...
网页设计 2020-12-18 11:15:52 282

HTML代码中table表格设置列宽无效的解决问题

如果对table设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。 解决方法: 在tbody前面增加如下代码: colstyle= width:100px; /...
网页设计 2020-12-11 10:59:12 427

HTML网页调用摄像头拍照的实现方法

第一步:创建HTML元素 首先,我们要创建一个HTML5的文档。 !doctypehtml html head metacharset= utf-8 title无标题文档/title /head body /body /html 然后在body/body插入以下代码: videoid= video width= 640 heigh...
网页设计 2020-12-11 10:45:53 897

HTML5手机页面实现视频全屏播放的方法

最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能。测试了很久,终于找到解决办法。 第一种:将视频放大来控制。 视频在播放的时候,全屏是根据高度来的,如果设...
网页设计 2020-12-11 10:38:42 664

时间轴样式的侧导航菜单代码实例

最终效果图如下: HTML代码(index.html): !DOCTYPEhtml htmllang= en head metacharset= UTF-8 titleindex/title linkrel= stylesheet href= https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css linkrel= stylesheet href= http...
网页设计 2020-06-18 10:36:26 380

jquery ajax请求接口的实例介绍

通过 HTTP 请求加载远程数据。 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作...
网页设计 2020-06-18 10:13:05 304

分享学习web前端开发的方法心得

web前端一定要这样学,才会事半功倍! 如果你是想要学习web前端的新人,那么恭喜你,看完这篇文章,尽早的选择好努力的方向和规划好自己的学习路线,比别人多一点付出并且持之以...
网页设计 2020-06-15 20:07:01 233

JS实现PC与移动端二级域名的自动跳转(包含内页跳转)

在做移动端网站时,有时因技术问题或其他原因无法制作响应式版面,而移动端页面只能放到子目录下,但是手机端通过搜索引擎进入网站电脑端子页面,无法匹配到移动端页面,使得...
网页设计 2020-06-15 19:43:42 470

DOM基础知识 DOM基础与DOM事件

DOM基础 文档对象模型 element attribute text 获取元素节点 old getElementByid getElementsByClassname getElementsByTagName getElementsByName new querySelector querySelectorAll 表单 表单元素 document.[formName] 表单字段...
网页设计 2020-06-14 10:24:14 285

网页布局如何设置水平居中显示? Html/css水平布局居中方法

网页布局如何设置水平居中显示? 一般的方法是设置宽高,然后以margin去控制。 本章介绍需要宽度自适应时如何水平居中,以及居中失效的几个点 水平自适应居中 比如设置一个列表水...
网页设计 2020-06-14 10:14:59 536

使用CSS选择器来判断列表首行与尾行的方法

Html/css 列表项 区分列表首尾 列表项,有时需要判断列表首尾,来筛选设置样式 如上图,三个项有间隔,怎么保证设置了列表项之间的距离后,整体还水平居中显示呢? .item:not(:first-...
网页设计 2020-06-14 10:11:49 401

DIV居中的几种经典实现方法以及缺点介绍

1. 实现DIV水平居中 设置DIV的宽高,使用margin设置边距0 auto,CSS自动算出左右边距,使得DIV居中。 div{ width: 100px; height: 100px; margin: 0 auto; } 缺点: 需要设置div的宽度 2. 实现DIV水平、垂直...
网页设计 2020-06-14 10:04:07 261

网页使用jQuery禁用剪切、复制、粘贴功能

jQuery是我们在WEB开发中使用最多的JS类库,他可以很方便的帮助我们实现很多绚丽的功能。本文将给大家介绍JQuery的一种小功能,用来禁用文本框的剪切、复制、粘贴功能,完整的页面...
网页设计 2020-06-14 09:56:04 335

CSS基础知识:页面美化和布局控制

CSS:页面美化和布局控制 一、CSS的使用:CSS与html结合使用方式 1.内联样式 * 在标签内使用style属性指定css代码,如: div style=color:red;hello css/div 2.内部样式 * 在head标签内,定义style标签...
网页设计 2020-06-14 09:39:30 452
×
QQ在线客服

服务中心

zfzf