js代码
[removed]
$('[name="nice-select"]').click(function(e){
$('[name="nice-select"]').find('ul').hide();
$(this).find('ul').show();
e.stopPropagation();
});
$('[name="nice-select"] li').hover(function(e){
$(this).toggleClass('on');
e.stopPropagation();
});
$('[name="nice-select"] li').click(function(e){
var val = $(this).text();
$(this).parents('[name="nice-select"]').find('input').val(val);
$('[name="nice-select"] ul').hide();
e.stopPropagation();
});
$(document).click(function(){
$('[name="nice-select"] ul').hide();
});
[removed]
2022-05-17 10:31:08
37KB
1
HTML5+CSS3做一个手风琴式的加载动画，这动画、这质感、这配色，就问你喜不喜欢？！这个案例的知识点主要是：css的自定义属性 + 动画延迟 + 颜色滤镜（hue-rotate）。
2022-05-16 19:07:52
75KB
1
这个html5 loading效果中共有13种不同风格效果的加载动画loading效果进度条,支持ajax loading。第一款是youtube风格loading效果，完成这个demo用到了html5 svg和css3技术。
2022-05-16 16:34:33
18KB
1
@keyframes
规则用于创建动画。
@keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果
@keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。
通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
规定动画的名称 规定动画的时长animation
animation 属性是一个简写属性，用于设置动画属性：
animation-name：规定 @keyframes 动画的名称。animation-duration：规定动画完成一个周期所花费的秒或毫秒。默认是 0。animation-ti
2022-05-15 15:55:03
44KB
1
HTML5 Canvas Web图表代码，生成网页上常见的图表，比如圆形图表（饼图）、柱状图（直方图）表、折线图表（曲线图）等，本演示代码中的图表不只有一种形式，比如柱状图表有横向和纵向的，曲线图是带背景颜色的，比单一的曲线从视视觉效果上看更清淅，一次可显示多条曲线，且以不同的颜色来标记。因使用HTML5技术，因此本图表特效可直接移植到移动端使用。
2022-05-15 14:57:48
300KB
1
图片自动切换实现原理：使用一个div并设置溢出隐藏来只显示一次一张图片，同时设置另一个div（总图片div），尺寸为所有图片横排的总尺寸宽高，作为动画顺序播放，然后使用css3动画，通过对div（总图片div）进行位移，从而达到显示不同的图片，每次偏移一个图片的宽度，即可显示下一张图片。5张图片，需要切换4次。
鼠标实现图片切换原理：通过设置每个超链接的宽度高度，并使用position定位到指定位置，编写每一个超链接的动画来分别切换相应图片的位置，使用hover，当鼠标放在指定超链接上时，实现指定的动画切换到目标图片上。
2022-05-15 14:02:14
26.06MB
1
精通HTML5+CSS3+JavaScript网页设计是网页设计的精髓的一本书，《精通HTML5 + CSS3+JavaScript网页设计》以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、使用表单：用CSS3设置表格和表单的样式、美化图片、背景和边框：讲述JavaScript内置对象、对象编程、JavaScript操纵css3、HTML5+CSS3和layascript的搭配应用等网页设计的方法和技巧。
通过对《精通HTML5 + CSS3+JavaScript网页设计》实例和综合案例的学习与演练，读者可以尽快掌握所学的知识，提高网页设计的实战能力；同时《精通HTML5 + CSS3+JavaScript网页设计》在网上提供了实例源代码，可供读者直接查看和调用，以便快速上手或进行二次开发。
《精通HTML5 + CSS3+JavaScript网页设计》内容丰富、理论结合实践，对从事网站美工工作的读者而言，是一本手边必不可少的工具书：对从事Web系统开发的读者来说，也是一本难得的参考手册。
2022-05-14 23:06:12
98MB
1