前端技术

前端技术:HTML CSS js/jQuery

  • 用google JS实现让网页自动生成二维码

    用google JS实现让网页自动生成二维码

    首先,这种生成二维码用的是google,国内不可用,但还是分享出来学习下!这个实现二维码生成功能的是引用谷歌google的JS来实现的,可以兼容几乎所有浏览器,包括动态和静态网页,具有加载速度快的特点!可以使用手机浏览器,如UC,QQ浏览器,或手机软件我查查,魔码,微信等扫描就可以打开对应网页网址。<script>// <![CDATA[ thisURL = document.URL...

    网页特效 3天前 24 0 二维码
  • 在企业站联系我们模板网页文件中加入动态地图显示方法!

    在企业站联系我们模板网页文件中加入动态地图显示方法!

    最近在做的事情是给一个刚起步的公司做一个官网来展示其企业相关的信息及产品信息。其中碰到一个需求就是在介绍企业的各种联系方式时需要在页面上给出一个在线的地图,地图上能够标示出企业的位置。如果让人从0开始我觉得没几个人能搞出来吧,不过百度地图开放平台提供了强大的工具帮助我们实现这个需求。按照下述几个步骤,你就能轻松地在自己的网页上嵌入一个百度地图啦(这里假设大家都有baidu账号了,没有的话赶紧注册吧)step1:获取密钥为了统一平台服务的...

  • CSS,中间文字 两边横线 CSS样式写法

    CSS,中间文字 两边横线 CSS样式写法

    在项目中遇到过中间文字,两边横线的布局,如下图:两边横线我们可以使用标签的上边框或者下边框,然后对中间的文字使用 vertical-align 属性来控制。<div class="order">      <span style="white-space:pre">  &n...

    CSS学习 1周前 52 0 横线
  • CSS 贯穿文字一条横线(类似删除线)

    CSS 贯穿文字一条横线(类似删除线)

    要在文字中间实现有一条横线的效果可以使用CSS中CSS text-decoration 属性就可以达到效果。CSS text-decoration 属性相关介绍及事例:浏览器支持:所有主流浏览器都支持 text-decoration 属性。定义、用法和说明:text-decoration 属性规定添加到文本的修饰。CSS text-decoration 属性的值:A、none    默认。定义标准的文本。B...

    CSS学习 1周前 35 0 横线
  • JavaScript 模块化入门Ⅰ:理解模块

    JavaScript 模块化入门Ⅰ:理解模块

    作为一名JS初学者。假如你听到了一些诸如“模块化构建&模块化载入” “Webpack&Browserify” 或者 “AMD&CMD”之类的术语,肯定瞬间就凌乱了。JavaScript的模块化听起来挺深奥,可其实理解它对开发者来说特别实用。 在这篇文章里,我会尽量深入浅出地把这些深奥的术语翻译成浅显易懂的人话(加上一些代码示例)。希望你多少能从中学到点东西。 为了避免长篇大论,整个内容会分为两...

    js/jQuery 1周前 45 0 模块化
  • DIV盒子中的float和margin的最详细分析

    DIV盒子中的float和margin的最详细分析

    对于HTMl中的一些小疑惑,在这里进行解析一下。一、div的理解 DIV是基于行,就是一个div占据一行,不会让别的元素,和自己同行。span不是基于行的,就是一个span哪里有空哪里专,不会单独占用一行。二、Float理解Float:Css样式的float浮动属性,用于设置标签对象(如:<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签)的浮动布局DI...

    CSS学习 2周前 41 0 floatmargin
  • 使用float和inline-block可以让两个div处于一行存在

    使用float和inline-block可以让两个div处于一行存在

    来分享一个关于div布局的基础知识,今天写一个zblog模板的时候贸然遇到了一个div的float问题,通过百度寻找方法,大多都是此类最基础的,没有发现自己想要的。我们知道 div是 块级 元素,是 独占一行 的.一般情况下,两个相邻的div是不会处于一行的例如:<!DOCTYPE html><html><head lang="en&qu...

    CSS学习 2周前 48 0 floatdisplay
  • break和continue的区别 举例说明

    break和continue的区别 举例说明

    break和continue的区别是什么? 下方几个举例说明下! 举例一: //break是结束整个循环体,continue是结束单次循环 比方说: while(x++ < 10) { if(x == 3) { break; } printf("%d\r\n", x); } 结果是输出 1 2...

    js/jQuery 3周前 68 0 breakcontinue
  • jQuery 效果 - animate() 方法

    jQuery 效果 - animate() 方法

    改变 "div" 元素的高度:$(".btn1").click(function(){   $("#box").animate({height:"300px"}); }); animate()定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值...

    js/jQuery 3周前 62 0 animate()
  • CSS 图片触发显示特效,线条动态

    CSS 图片触发显示特效,线条动态

     前两天接了一个zblog主题定制,其中分类列表中的图片都需要如上图的特效,在鼠标触发文章缩略图时候,会悬浮显示一层特效,线条动态显示,下面记录下这段HTML和CSS:首先是HTML:<div class="list"> <ul> <li> <div class="img">   <a&...