? 最近装了zend studio 9.0 用了段时间发现写html,css,js代码没提示,要开dreamwaver(对js代码提示也不好)。就网上搜索了下,发现了Aptana插件,装上用了下,感觉不错。 贴下官方网址:http://www.aptana.com/ 一.安装步骤: 1.zend studio->Help->Install New Software->work with点击add(见下图) 2.这里有两个选择: (1)Local(本地安装) (2)在线安装,location中输入:http://download.aptana.org/tools/studio/p...
BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好。一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功...
有人在Github上面建了一个很有意思的项目。你只需要JS就可以创建网页。原理其实很简单,创建一些“html函数”,如: p, div, ul, li 来创建你的网页,而且可以和backbone无缝结合, 下面有个例子: h1(HTML Creation);p(Tags are functions.)p(Attributes are objects..., { style:{fontStyle:italic}})ul(function(){ li(Nest); li(with); li(functions!);}); 效果: HTML Creation Tags are functions. Attr...
4月7日学到的知识点:一:alt是给图片添加介绍,当图片没加载出来时,会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二:标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三:锚点,百度百科常用。点击a标签就会跳到对应id的位置。四:群组选择符#box1,#box2{}选中id为box1和box2的对象。五:类选择符.class六:类型选择符p{};div{}等七:样式优先级1.同级样式默...
即将毕业的软件工程大学生一枚,秋季招聘应聘的是Android,今年来到公司实习,要求做前端开发,所以一切只有现学,现在根据视频来学习,然后开这个博客记录一下自己的学习过程,废话不多说,开写。 4月6日学到的知识点:一:! 声明,注意的意思;doc document 文档的意思;type 类型的意思;html就不用解释了;连在一起的意思就是:注意,文档的类型是HTML。也就是声明你写的文件的文档类型,方便浏览器解析。二:声明代码的编码...
这断时间家里有点事,上班也有点任务,所以几天没看视频没来更新了。今天来更新一下了。 一:默认样式重置但凡是浏览默认的样式,都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二:块元素和内嵌元素块元素的特征:1.默认独占一行;2.没有宽度时,默认撑满一排;3.支持所有...
WEB设计里什么是树?简单讲,点击一个链接,会展开下级目录,再点击会合上,这个就是最简单的树,如何去实现呢,也很简单,css里有一个属性display,这个可以控制内容的现实还是不显示,那么再通过js来控制css的属性即可实现,看如下代码: 顶级目录 菜单1 菜单2 菜单3 这个就算是树的原型了,当然初始状态给他加上css的display属性,display最常用的是none和block属性 none即不显示,而block则象块类型元素一样显示,再看代码 顶...
我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用<input type="file"/>这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能,部分带来来源于网络,此处做了记录整理。效果预览: 1.创建index.html<!DOCTYPE html> <html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1....
html css js 区别是什么?在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随天津达内看一下这三项技术都是什么,能干什么?1、HTML—Hypertext Markup Language超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等...
html css js 区别是什么?在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随天津达内看一下这三项技术都是什么,能干什么?1、HTML—Hypertext Markup Language超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等...
使用html+css+js实现3D相册,快来上传的照片吧推荐:《js基础教程》 效果图: 代码如下,复制即可用:<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>Title</title><style>html,body {margin: 0;padding: 0;background-color: #29454d;/*禁止文字被选中*/-moz-user-select: none;/*火狐*/-webkit-user-select: none;/*webkit浏览器*/-ms-user-select: none;/*IE10*/-khtml-user-select: none;/*早期浏览器*/user-s...
使用html+css+js实现弹球游戏 代码如下,复制即可使用:<!doctype html> <head><style type="text/css">.panel{position: relative;z-index: 0;top:0px;left: 400px;width: 300px;height: 500px;}.console{position: absolute;z-index: 1;top:0;left:0;width:100%;height: 40px;background-color: #bbb;}.message{position: absolute;z-index: 1;top:40px;left:0;width:100%;height: 460px;color: white;font-size: 50px;text-alig...
使用html+css+js实现计算器,开启你的计算之旅吧 效果图: 代码如下,复制即可使用:<!DOCTYPE html><html><head> <meta charset="utf-8"><style>/* 主体 */.counter{width: 396px;height: 486px;background-color: #F2F2F2;border: 1px solid #C2C3C6;margin: 50px auto;}/* 显示框 */#box {height: 70px;width: 336px;background-color: #323232;border: none;margin: 40px 25px 32px 25px;font: 700 40px/70px "微软雅黑"...
使用html+css+js实现计算器,开启你的计算之旅吧 效果图: 代码如下,复制即可使用:<!DOCTYPE html><html><head> <meta charset="utf-8"><style>/* 主体 */.counter{width: 396px;height: 486px;background-color: #F2F2F2;border: 1px solid #C2C3C6;margin: 50px auto;}/* 显示框 */#box {height: 70px;width: 336px;background-color: #323232;border: none;margin: 40px 25px 32px 25px;font: 700 40px/70px "微软雅黑"...
? 抖音超火? html+css+js 实现炫酷3D魔方(免费附源码)? 完整代码 复制就能跑,记得点赞好评一下博客哦… <html><head><meta charset="utf-8"><script id="jqbb" src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><style type="text/css">html,body {width: 100%;height: 100%;margin: 0;padding: 0;}*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;-webkit-ani...