菜单

PSD字符字重Light、Regular对应CSS font-weight的属性值参考

PSD字符字重Light、Regular对应CSS font-weight的属性值参考

css属性font-weight提供的属性值有normal、bold、bolder、lighter、100~900、inherit,而设计师提供的设计稿字符面板通常是这样的: 而且设计师用字体的字重通常不只有一种,如Thin、UltraLight、Light、Regular、Medium、Semibold、bold、Extra Bold、Heavy等,如下图: 那么如果在网页上引入字体,并设置font-weight属性值的时候,就需要使用数字值了(100 | 200 | 300 | 400 | 500 | 600 | 700 | 8...

实现fullpage.js插件横向滑块slide自动轮播效果

实现fullpage.js插件横向滑块slide自动轮播效果

fullpage插件的slide横向滑块不能设置自动轮播,如果要使slide自动轮播可以使用fullpage插件的moveSlideRight()方法或moveSlideLeft()配合js的setInterval()实现。 代码 setInterval(function(){ $.fn.fullpage.moveSlideRight(); },5000); 或 setInterval(function(){ $.fn.fullpage.方法或moveSlideLeft(); },5000); 如果还想实现鼠标悬停...

针对IE9不支持placeholder的兼容处理方法代码

针对IE9不支持placeholder的兼容处理方法代码

IE9及IE9以下浏览器不支持placeholder属性,对IE9的placeholder兼容性处理方法通常是把placeholder的属性值放在value属性中,但这样不利于判断值是否为空,兼容性比较好一个方法是用一个元素覆盖在输入框上面代替placeholder,点击时再隐藏。 HTML代码 <div class="input"> <label class="placeholder" for="inpName"><i class="rq">Name</i></label> <i...

illustrator图层导出为png透明背景图片

illustrator图层导出为png透明背景图片

ai格式的网页设计稿,制作web网页时,需要把ai设计稿中的图片图层导出为png格式的透明图片。使用illustrator 2021版本软件操作。 1、在图层中选中要导出为png图片的图层,然后点击下面的导出按钮(下图小红框那个) 2、会弹出一个窗口,在“资源导出”中选择要导出的图片,在“导出设置”中选择缩放、格式,然后点击导出按钮,选择保存的位置即可。 附: 上面的导出会自动创建子文件夹,如果只想单纯地导出图片,可以点击导出按钮旁边的按钮(上图箭头位置) 在弹出的窗口中,把“创建子文件...

php删除array数组中指定元素的方法

删除php数组中的单个元素使用unset()或array_splice()方法,array_splice()在释放数组指定元素上与unset()函数取到相同作用。 删除数组中的多个元素则使用array_diff()或array_diff_key()方法。 提示:知道值(value),不知道键(key),可以使用array_search()方法来获取键(key)。 删除单个元素 unset()方法 提示:使用unset()方法删除数组元素,不会改变其他的键(key)。 <?php $array = array(0 ...

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

使用jQuery模仿淘宝移动端APP中,添加收货地址时选择所在地区的省、市、区、县街道四级联动的选择效果。 效果如下图: 原插件:https://www.jq22.com/jquery-info21567 下面是把代码优化过后的版本。 1、把下面代码保存为areaSelect.js文件: var first_char; var listArr = []; var provinceArr = []; var province = ''; var city = ''; var county = ''; var ...

原生javascript实现禁止浏览器滚动,滚动条不消失代码

使用css代码可以禁止网页滚动,但是会使浏览器窗口的滚动条消失。而js代码则可以让页面禁止滚动的同时,保留滚动条的显示状态,而且滚动条的位置不变。 javascript代码 var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function pre...

javascript实现定位当前城市返回城市名称的代码

在网页上定位当前城市,并返回当前城市名称,最简单的实现方法就是利用现成的城市定位接口,如百度普通IP定位接口、搜狐的城市定位api、腾讯地图IP定位接口等。 百度普通IP定位接口 https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll 官方主页:http://lbsyun.baidu.com/index.php?title=webapi/ip-api 调用代码: $.ajax('https://api.map.baidu.com/location/ip?ak...

原生javascript删除html标签属性的方法removeAttribute()

jquery使用removeAttr()方法删除标签属性,原生javascript使用removeAttribute()方法删除标签属性。两个方法的名称差不多。 HTML代码: <div class="one" style="padding:50px"></div> <h2 style="padding:50px"></h2> <div id="two" style="padding:50px"></div> 分别删除上面HTML代码中的style属性。 document.getE...

PS怎么选中图层,photoshop快速定位查找图层的方法

PS怎么选中图层,photoshop快速定位查找图层的方法

一份psd文档有很多个图层,如果想选中文档中的某个图片图层,在图层列表中一个一个地找会很消耗时间。那么photoshop怎么可以快速定位到指定的图层,如何选中图片图层或文字图层,通过简单的键盘鼠标快捷键就可以。 打开一个包括多个图层的psd文档 按住键盘的Alt键不放,然后鼠标移动到要定位的图层,点击鼠标右键即可,这样photoshop就会自动在右侧的图层中查找这个图层,并选中该图层。 PS: 除了使用“Alt + 鼠标右键”,也可以使用“Ctrl + 鼠标左键”,但没有前者定位准确。 相关教程: ...

jQuery的$().each方法和$.each()方法的区别

$().each和$.each()是两个名称相似的jquery方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。 方法结构 $().each $(selector).each(function(index,element){ //执行代码 }); $.each() $.each(dataArray, function(index,element){ //执行代码 }); 方法示例 使用$().each处理DOM HTML代码 <ul> <li>北京<...