hugo网页鼠标特效

hexo个人博客添加宠物/鼠标点击效果/博客管理

1.添加宠物博客宠物模型:https://github.com/xiazeyu/live2d-widget-models 模型对应的动画效果:https://huaji8.top/post/live2d-plugin-2.0/ 安装模型: npm install live2d-widget-model-hijiki 配置:hexo博客的根目录下的配置文件_config.yml,在最后添加以下代码 live2d: enable: true scriptFrom: local model: use

JavaScript网页制作特效

一.什么是JavaScript? 网页交互特效的脚本语言. 特效二.BOM对象能够使得JavaScript和浏览器进行对话. 主要是使用Window对象进行操作. History对象:历史,可以实现前进后退 back():后退一个页面,返回上级页面 forward():前进一个页面. go(n): if(n==0) 刷新 else if(n>0) 前进n个页面 else if(n

《JavaScript网页经典特效300例》

<JavaScript网页经典特效300例> 基础篇进阶篇高级篇

javascript实例——鼠标特效篇(包含2个实例)

鼠标是现在电脑的基本配置之一,也是最常用的输入命令的工具之一.本文将将一些与鼠标有关系的特效. 1.跟随鼠标移动的彩色星星如题,会根据鼠标的移动而移动,并在鼠标周围随机来回移动,让人感觉在放大缩小.根据书上的代码做了一些修改.比如,如果用户不移动鼠标,是不会显示星星效果的:其次就是将源代码中的亮度调节等去掉了,因为效果并不是很明显.截了三幅图,黑点近似代表鼠标的位置.效果图如下: 源代码: <html> <head> <title> Twinkle stars <

纯CSS + 媒体查询实现网页导航特效

纯css+媒体查询实现网页导航特效附上效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #801638; } body, body > * { margin: 0;

WIDGET和鼠标特效的DEMO

原创WIDGET和鼠标特效的DEMO, 键盘1 平移Widget键盘2 旋转Widget键盘3 缩放Widget DEMO中,实现对BOX的旋转缩放位移下载地址: http://pan.baidu.com/s/1qZzZl

使用jQuery快速高效制作网页交互特效----jQuery中的事件与动画

jQuery中的事件和WinForm一样,在网页中的交互也是需要事件来实现的,例如tab切换效果,可以通过鼠标单击事件来实现. 事件在元素对象与功能代码中起着重要的桥梁作用. 在JQuery中,事件总体分为两大类,基础事件和复合事件. 基础事件: 1.鼠标事件 2.键盘事件 3.window事件 4.表单事件复合事件 1.鼠标光标悬停 2.鼠标连续点击鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件常用鼠标事件的方法鼠标事件方法的区别键盘事件键盘事件是指当键盘聚焦到W

墙裂推荐4款js网页烟花特效

以下是几款网页特效和一款软件: http://keleyi.com/keleyi/phtml/jstexiao/1.htm http://keleyi.com/keleyi/phtml/jstexiao/2.htm http://keleyi.com/keleyi/phtml/html5/14.htm http://hovertree.com/texiao/js/17/ 另外推荐一款软件何问起键盘转自:http://hovertree.com/h/bjaf/epbhdsa3.htm 更多特效

Web前端：博客美化：二、鼠标特效

1.获取JS权限因为是js代码所以需要放在侧边栏公告里没开通之前,有一个申请的链接,点击即可,我是第二天才看到过审的 ^-^ 2.Ctrl+C.Ctrl+V 数组里的文字随自己心情啦另:3000是文字消失的速度,数值越大跑的越慢  <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body&qu

arpg网页游戏特效播放（一）

网页游戏中的特效,主要包括:场景特效,攻击特效和UI特效三种.场景特效是在地图层上播放的特效,攻击特效主要是技能触发的一些特效,UI特效是面板上的一些特效,还有一些在人物身上播放的特效,例如脚底光圈特效等.特效的播放方式有两种,一种是直接播放swf,二种是根据图片序列,直接绘画到Bitmap上,对于两种方式,我比较倾向于直接绘画到Bitmap上.一般我们我们处理程序的逻辑是,显示和逻辑分开.对于特效显示逻辑,就是特效的绘画逻辑,以及资源的整理方式,逻辑就是特效的播放位置和播放时机不一样而已.所以

使用jQuery快速高效制作网页交互特效第一章JavaScript基础

JavaScript 一.JavaScript概念: JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象 JavaScript特点: 1.解释性语言,边运行边解释 2.和HTML页面实现交互效果 3.语法类似于Java 4.一搬用于编写客户端脚本 JavaScript组成: 1.ECMAScript:脚本语言规范(标准) 2.BOM Browser Object Model浏览器对象模型 3.DOM Document Object Model文档对象模型二.JavaScript

JavaScript特效源码(4、鼠标特效)

1.鼠标感应--渐现特效鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚] [修改图片名称即可][共2步] ====1.将以下代码加入HTML的<head></head>之间: <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.

JQuery制作简单的网页导航特效

使用JQuery中hover()方法,使其根据鼠标的移动简单的改变背景颜色; hover();用于模拟鼠标指针悬停事件,当鼠标指针移动到元素上时,会触发指定的第一个函数,当鼠标指针移除这个元素时,会触发第二个函数:类似于mouseover和mouseout组合具体的代码如下: html代码: <div class="nav"> <ul> <li><a href="#">首页</a></li> &

使用jQuery快速高效制作网页交互特效

第四章:JQuery选择器 1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习Jqeury的基础,Jquery的行为规则都必须在获取到元素后才能生效. 2.jquery选择器的优势 (1) 简洁的写法,$()函数 (2)支持CSS1到CSS3选择器 (3)完善的处理机制 3.选择器分类 (1) 基本选择器:通过元素id

使用jQuery快速高效制作网页交互特效---表单校验

表单基本验证技术为什么需要表单验证减轻服务器的压力保证输入的数据符合要求常用的表单验证 1.日期格式 2.表单元素是否为空 3.用户名和密码 4.E-mail地址 5.身份证号码表单选择器表单选择器表单属性过滤选择器验证表单内容使用String对象验证邮箱文本框内容的验证校验提示特效表单验证事件和方法表单验证常用的方法的和事件正则表达式为什么需要正则表达式简洁的代码严谨的验证文本框中的内容什么是正则表达式正则表达式,又称规则表达式(英语:Regular Ex

jquery.SuperSlide.js只需要调用一个插件就能实现网页大部分特效--推荐

很棒的一个插件,http://www.superslide2.com/

jquery实现asp.net 网页鼠标所在位置

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mouseposition.aspx.cs" Inherits="test.mouseposition" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

有趣的js(鼠标特效)

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Document</title> </head> <body> <script type="text/javascript"> !f

分时段显示不同的提示的网页JS特效代码

脚本说明: 把如下代码加入body区域中 <SCRIPT> today=new Date(); var day; var date; var hello; var wel; hour=new Date().getHours() if(hour < 6)hello='凌晨好' else if(hour < 9)hello='早上好' else if(hour < 12)hello='上午好' else if(hour < 14)hello='中午好' else if(ho

Repeater的使用及其鼠标特效，行链接的使用

原文发布时间为:2009-04-22 -- 来源于本人的百度文章 [由搬家工具导入] <asp:Repeater ID="rpt" runat="server"> <HeaderTemplate> <tr> <td style="width: 12%"> 字段名</td>

使用jQuery快速高效制作网页交互特效---使用jQuery操作DOM

DOM操作分类 1.DOM Core:任何一种支持DOM的编程语言都可以使用它,如getElementById() 2:HTML-DOM:用于处理HTML文档,如document.forms 3:CSS-DOM:用于操作CSS,如element.style.color=”green” jQuery中的DOM操作样式操作 1.设置和获取样式值语法: $(selector).css(name,value) 或者 $(selector).css({name:value,name:value,nam

巴特西