html和css
关注
分享
扫一扫
Curry 3O
I can do ALL things !
展开
-
HTML及CSS的小题库
1.HTML中的注释为 ：2.CSS中的注释为:3.在相对路径中, ./ 表示当前目录, …/表示上一级目录,/ 表示根目录4.表单中单选框属性为 radio，复选框属性为为 checkbox ,单行文本框属性为 text ，文件上传按钮属性为 file ，多行文本框属性为 textarea ，下拉菜单属性为 select 。5.form表单中定义表单提交方式的属性为 method...原创 2019-07-04 22:20:18 · 3762 阅读 · 0 评论 -
CSS中实现菱形图片
在视觉设计中，把图片裁切为菱形是一种常见的设计手法，但在 CSS中还没有一种简单直观的方法来实现它。事实上，直到最近，这种效果才基本成为可能。当网页设计师想要实现这种设计风格时，他们通常不希望在图像处理软件中预先把图片裁好。显然不用说你也知道，这个方法的可维护性并不好。如果未来有人想修改图片风格，将很难增加其他效果，而且最终往往会搞得一团糟。...原创 2019-07-06 20:31:37 · 5373 阅读 · 0 评论 -
图片放大镜功能
实现效果演示：鼠标移入左侧缩略图时，小盒子和右边大图显示，并且小盒子跟随鼠标移动，右侧大图出现放大效果。我将用三种方法来实现。1.原生js代码实现思路：1.原图窗口与放大窗口插入的是同一个图片，不过原图窗口的图片要适当缩小，放大窗口图片保持原大小，超出部分设置隐藏。2.先定下放大比例，例如本文原图大小为10001000，可以把原图窗口的图片设为400400，这样放大窗口就能实现2.5倍的...原创 2019-08-02 21:05:37 · 2349 阅读 · 2 评论 -
鼠标拖动div移动
实现鼠标能够拖动div实现div的随意拖拽，需要注意的就是不能拖着拖着div在浏览器里面消失，因此需要进行位置计算。示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标拖动div</title> <style>...原创 2019-08-03 19:32:44 · 2257 阅读 · 1 评论 -
JQuery实现轮播图
轮播图在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。设计概念图HTML源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title&...原创 2019-07-28 17:33:45 · 137 阅读 · 0 评论 -
canvas制作动态太极图
用 canvas 画布绘制出一个会旋转的太极图方法一：运用css动画来实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态版太极图</title> <style> *{ margin: 0; ...原创 2019-08-06 13:40:48 · 1479 阅读 · 0 评论 -
七夕的小礼物
把这个送给你喜欢的人看，他/她会很开心的！示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>七夕的秘密</title> <style> canvas { position: absolute; t...原创 2019-08-07 12:35:28 · 323 阅读 · 0 评论