在网页设计中,经常需要使用一些图标来美化页面。图标的大小一般是固定的,但是有时候我们希望能够根据页面的不同尺寸来改变图标的大小。这时候,我们可以使用jQuery来实现这个功能。 假设我们有一个页面上的图标的类名为“icon”,我们可以使用以下的jQuery代码来设置图标的大小: $(document).ready(function(){ $(&quo...
日期:2023-11-25 浏览:211次 评论: 0 阅读全文
jQuery是一种非常流行的JavaScript库,可用于轻松地操作HTML元素。通过jQuery,可以轻松地设置元素的src属性值以更改图像、视频或音频元素的源。 // 将img元素的src属性设置为新的图像 $("img").attr("src", "path/to/new/image.jpg"); // 将video元素的src属性设置为新...
日期:2023-11-25 浏览:186次 评论: 0 阅读全文
 nicescroll是一款基于jQuery的滚动条插件,使用简单,功能强大,较mCustomScrollbar而言: 资源文件少,只要一个jquery.nicescroll.min.js即可,无须css和额外js文件 DOM结构更简单 功能没有mCustomScrollbar强 事件回调没有mCustomScrollbar直观   关于nicescroll使用方法,网上很多,但是关于nicescroll事件回调则很...
日期:2023-11-25 浏览:176次 评论: 0 阅读全文
在线demo CSS3自定义滚动条样式 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>CSS3自定义滚动条-轩枫阁</title> <style> header { font-family: 'Lobster', cursive; text-align: center; font...
日期:2023-11-24 浏览:181次 评论: 0 阅读全文
在前端开发中,路由跳转是一个非常基本的操作。而JQuery是一个非常方便的JavaScript库,它提供了很多优雅的方法来实现路由跳转。在JQuery中,我们可以使用一些插件来实现路由跳转。比如常见的插件有JQuery Router和page.js。今天我们将讲解如何使用JQuery Router来实现路由跳转。首先,我们需要引用JQuery和JQuery Route...
日期:2023-11-24 浏览:212次 评论: 0 阅读全文
颜色心理学 颜色可以影响人类行为。 颜色可以影响人类的感知。 颜色会影响食物的味道。 颜色会影响吸引力。
日期:2023-10-22 浏览:338次 评论: 0 阅读全文
marquee(文字滚动)标签 marquee简介 <marquee>标签,是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。 <marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 marquee属性 ...
日期:2023-10-17 浏览:379次 评论: 0 阅读全文
需求背景: 在页面设计时,常常会用到input复选框。如果用到一些前端框架的话,一般复选框的样式都可以满足需要;但是对于未使用前端框架,直接原生的话样式可能满足不了项目需要,因此我们需要修改复选框的样式,使得界面更美观或者适应新的需求。由于checkbox伪类修改比较复杂,通常修改的方式有两种,一个是通过图片...
日期:2023-09-30 浏览:230次 评论: 0 阅读全文
在我们自己设计网页的时候,为了好看美观,颜色可谓是最让人头疼的一部分。尤其是在配色上又找不到一些好看的网站。今天我就来记录一些好看的渐变式背景,和一些常用的颜色网站。 CSS 渐变使可以显示两种或多种指定颜色之间的平滑过渡。让我们来玩一玩,看能玩出什么花来。 CSS 定义了两种渐变类型: 一、线性渐变(...
日期:2023-09-21 浏览:381次 评论: 0 阅读全文
function checkMobile(tel){     var phoneReg = !!tel.match(/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/);     var telReg = !!tel.match(/^([0-9]{3,4}-)?[0-9]{7,8}$/);    &n...
日期:2023-09-08 浏览:209次 评论: 0 阅读全文