改网页鼠标指针、改指定元素指针(2)——小白也能自绘指针

上节中讲到,css改网页的鼠标指针。使得大家都更能美化自己的网页。但指针文件怎么获取呢?你可以到百度上搜索鼠标指针图片、鼠标样式图片、光标图片等等。其二我们可以自己画出独一无二的光标图片哦,今天我就来普及一下最简单的自绘光标的方法。

自绘光标——首先需要一个图片处理软件(photoshop等)。但我们要让小白也能自绘鼠标指针!就要用更简单的方法。

我们将要用到全世界最牛逼最闻名的图片处理神器——美(huǐ) 图 秀 秀 ~(@^_^@)~,同样,对于小白来说,美图秀秀网页版仅够了:

新建一张画布哦!然后设定好想要的宽和高(建议设置成32*32、48*48、64*64),背景设成透明色

博主新建了一张64*64的画布,中间像马赛克一样的小方块就是我们可以作画的地方啦!

我们一般会用到“饰品”、“文字”、“涂鸦”三个功能

不太会画的人,直接加上喜欢的饰品或者印章、形状就可以哦,发挥想象力吧!

让我来演示一下:

我用饰品功能加入了一只兔子,用文字功能在左上角加入了一个点(左上角的标志物很重要,便于定位点击)。自绘完成后将文件以png格式存起来。

但鼠标格式至少应是ico、cur、ani才可以使用生效,怎么办呢?网上有很多转图片格式工具可以使用:比如http://www.atool.org/ico.php

时间: 2024-08-04 00:38:05

改网页鼠标指针、改指定元素指针(2)——小白也能自绘指针的相关文章

CSS改网页鼠标指针、改指定元素指针(1)——代码部分

要实现CSS改网页鼠标指针.改指定元素指针,我们应该首先了解以下内容: 所有主流浏览器都支持 cursor 属性. 注释:Opera 9.3 和 Safari 3 不支持 url 值. 注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 定义和用法 cursor 属性规定要显示的光标的类型(形状). 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围). 默认值: aut

[WPF]获取鼠标指针下的元素

原文:[WPF]获取鼠标指针下的元素   [WPF]获取鼠标指针下的元素 周银辉 以前写过一些GetElementUnderMouse之类的函数,要用到坐标换算而显得有些麻烦(特别是当元素有XXXTransform的时候) 今天看到Mouse类居然有一个DirectlyOver属性,可以获得鼠标下的元素, 很奇怪,我的MSDN文档以及VS2008智能提示中都没有显示该属性,但反编译一下可以看到. 但必须注意到的一点是,WPF控件是由各个元素复合而成的,但Mouse类可不知道这概念,所以不要期望它

jQuery下实现等待指定元素加载完毕(可改成纯js版)

http://www.poluoluo.com/jzxy/201307/233374.html 代码如下: jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( t

二级指针删除链表元素

利用二级指针删除链表内一个元素,传统的做法是:找到将要删除元素的前一个指针,然后再删除当前元素.代码示例: void delete_node( elem_type x, struct node* l ){????struct node* p = find_prev ( x, l ); ????if ( !p->next ) {????????printf ( "element %d not in the struct node*\n", x );????????return;??

C/C++拾遗(一):关于数组的指针和数组元素首地址的一道经典题

代码如下: #include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; int *ptr = (int *)(&a+1); int *p1 = a; int *p2 = &a[0]; int *p3 = (int *)(&a); if(p1 == p2){ printf("p1 == p2\n"); }else{ printf("p1 != p2\n"); } i

javascript如何指定元素的拖拽范围

javascript如何指定元素的拖拽范围:有时候拖拽效果需要限定在某一个指定的元素之内,也就是说只能够在指定的元素内进行拖拽,下面就通过一个代码实例介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&q

如果将div的可拖动范围限定在指定元素内

如果将div的可拖动范围限定在指定元素内:拖动效果大家可能比较熟悉,但是通常会对拖动范围进行一下限定,通过一个实例代码介绍一下如何将一个div的拖动限定在一个指定元素范围内,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

[转]delphi 删除动态数组的指定元素

type TArr = array of TPoint; {把数组先定义成一个类型会方便许多, 这里仅用 TPoint 测试} {删除动态数组指定元素的过程: 参数 arr 是数组名, 参数 Index 是要删除的索引} procedure DeleteArrItem(var arr: TArr; Index: Integer); var Count: Cardinal; begin Count := Length(arr); if (Count = 0) or (Index < 0) or (

js实例_当鼠标移动到某个元素上时在元素下面显示一段提示文字

效果: 当鼠标不在自动登录上时,只显示自动登录这个表单,下面的div提示则隐藏. 当鼠标移动到自动登录这个表单时,则显示下面的div提示,当鼠标移出时再将其隐藏 代码实现与原理: HTML代码: <body> <input type="checkbox" />自动登录 <div id="div1">不要再玩游戏啦!!!</div> </body> CSS代码:给id为div1的元素做一下修饰,并且将其最开始