网页制作中，如果想使用特定的字体可以通过@font-face引用，即是解决访问用户电脑本地没有安装该字体导致不能按设计样式显示的问题。 注意： 支持@font-face的浏览器有Internet Explorer 9、Firefox Opera、Chrome和Safari，另外IE9只支持.eot类型的字体，Firefox、Chrome、Safari、和Opera支持.ttf、.otf 两种类型字体。 常规用法： @font-face { font-family: 'myFirstFont';//定义该字体名称，后面要使用该字体时，使用该名称...
通过拖拉进度条改变指定数值。 HTML代码 <div class="data"> ( <i data="20">0.7</i> 元 ) </div> <div class="drag"> <div class="line"> <div class="v"></div> <div class="star"></div> </div> </div> CSS代码 .d...
在js中，click、mouseove等称为事件。事件冒泡即是触发了这些事件产生的效果，禁止事件冒泡即是就算触发了这些事件也不会产生事件原有的效果。 事件冒泡大致分为两种，一种是HTML标签的默认行为，如a标签超链接跳转、form表单提交等；另一种是人为的给元素绑定某类事件，如click点击事件。因此阻止事件冒泡也分为两种代码 HTML代码： <div class="go"> <a href="https://www.tddx.net/">跳转</a> </div> <div class="c...
placeholer是HTML5新增属性，规定可描述输入字段预期值的简短的提示信息，IE10+、Firefox、Opera、Chrome 和 Safari 浏览器支持该属性。 针对不同浏览器修改placeholder属性样式的代码如下 input::-webkit-input-placeholder{ color:#f00; opacity:1; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#f00; opacity:1; } input:-moz-placeholde...
IE11已经不支持document.all 由于IE11的userAgent已经没有MSIE标志，因此使用在IE11已经无法使用window.navigator.userAgent判断当前浏览器是否为IE浏览器了，当然如果不需要检测IE11就没影响。下面是新的判断IE6~IE11浏览器的代码。 function isIE(){ if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } $(function(){ if(i...
Tabbar是固定在页面底部的导航栏的配置属性，下面是添加方法及参数说明。 注意： Tabbar导航栏至少需要添加2个菜单，最多五个，否则会报错。 一般代码结束符号是;分号，小程序代码的结束符号是,逗号。 编辑全局配置文件app.json，在第一层花括号{}里添加代码（参数在后面） "tabBar":{ "color":"#333333", "selectedColor":"#128ff9", "borderStyle":"black", "list":[ ...
HTML标签button，在Firefox浏览器中，鼠标点击时会出现虚线边框，而在Chrome浏览器则会出现蓝色边框，但可以通过CSS属性去除。 button {outline:none;} button:focus {outline:none;} /*IE、Chrome*/ button::-moz-focus_inner {border-color:transparent;} /*Firefox*/
__autoload()函数在php7中已经被弃用，建议使用spl_autoload_register()函数代替。 1、__autoload()函数 这是一个自动加载函数，在PHP5中，当我们实例化一个未定义的类时，就会触发此函数。看下面例子： AutoLoad.php文件代码 <?php class AutoLoad { function getAoto() { echo 'hello world'; } } index.php文件代码 <?php function __auto...
新闻自动向上滚动效果，鼠标悬停在新闻上时，停止滚动，鼠标离开则恢复滚动状态。方法是通过setInterval()和clearInterval()两个函数实现。 HTML代码 <div class="express"> <ul> <li><a href="#" title="滚动新闻标题一">滚动新闻标题一</a></li> <li><a href="#" title="滚动新闻标题一">滚动新闻标题二</a></li> <l...
php 7.3版本不推荐使用create_function函数，在php 7.3中使用create_function()函数会有兼容性报错Deprecated: Function create_function() is deprecated，解决方法是替换掉该函数。 以wordpress的代码为例，原代码如下 add_action('widgets_init', create_function('', 'return register_widget("contact");')); 修改为 add_action('widgets_init', func...
响应式Web网页小屏设备访问时，点击导航按钮，下拉显示网页导航的效果代码。 HTML代码 PS：HTML代码中的<i class="fas fa-home"></i>使用的是FontAwesome字体图标，可以选择删除。 <header class="header"> <h1 class="logo"> <a title="Web前端" href="https://www.tddx.net/" style="background-image:url(https://www.td...
owl carousel是款响应式的轮播图插件，功能完善，参数丰富，使用该插件可以实现各种轮播切换效果，比如时间轴型的公司发展历程。效果如下： 下面代码基于jquery-3.3.1和Owl Carousel v2.3.4版本实现，插件文件可以在GitHub下载。 Github主页：https://github.com/OwlCarousel2/OwlCarousel2 1、引入插件文件： <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" m...