实现新手引导效果笔记

隐藏按钮文字的小技巧##

text-indent : -999px;
overflow : hidden;

opacity 属性##

IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码:

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

上面代码的作用设置为 70% 的透明。

cookie的使用##

cookie是服务端写入的,浏览器端只能读取,但是FF支持本地写入,也可以查看cookie

实现新手引导效果笔记_第1张图片
Paste_Image.png

读取cookie


实现新手引导效果笔记_第2张图片

写入cookie


实现新手引导效果笔记_第3张图片
Paste_Image.png

练习cookie##





cookie应用





没有cookie信息

js实现##





无标题文档






下一步关闭
下一步关闭
下一步关闭
下一步关闭

jq实现##

jq没有封装cookie,所以要用原生js设置cookie的值

实现新手引导效果笔记_第4张图片
Paste_Image.png

你可能感兴趣的:(实现新手引导效果笔记)