yassan.win页面笔记

  • window.scrollTo(x,y);
<script type="application/x-javascript">    addEventListener("load", function () {        setTimeout(hideURLbar, 0);    }, false);//当页面加载完成出发事件    function hideURLbar() {        window.scrollTo(0,0);//跳转到的坐标位置    } </script>

  • 用到的浏览器初始化文件
/*-- Reset Code --*/body {    padding:0;    margin:0;    background:#FFF;    font-family: ‘Nunito‘, sans-serif;}body a {    transition:0.5s all;    -webkit-transition:0.5s all;    -moz-transition:0.5s all;    -o-transition:0.5s all;    -ms-transition:0.5s all;    text-decoration: none;}body a:hover {    text-decoration: none;}body a:focus, a:hover {    text-decoration: none;}input[type="button"],input[type="submit"] {    transition:0.5s all;    -webkit-transition:0.5s all;    -moz-transition:0.5s all;    -o-transition:0.5s all;    -ms-transition:0.5s all;}h1, h2, h3, h4, h5, h6 {    margin: 0;    padding: 0;    font-family: ‘Nunito‘, sans-serif;}p {    margin:0;}ul {    margin:0;    padding:0;}label {    margin:0;}a:focus, a:hover {    text-decoration: none;    outline: none}/*-- //Reset Code --*/

				
时间: 2024-10-03 16:26:46

yassan.win页面笔记的相关文章

Android WebView自定义错误页面笔记

需求: WebView加载H5页面遇到错误时,需要修改系统默认的页面,采用自己定制的页面. 解决方案与过程: 1.最开始采用的是webView.loadDataWithBaseUrl加载一段字符串: String data="<a onClick=\"window.history.back()\" >页面错误,点击刷新</a>"; mWebView.loadDataWithBaseURL("", data, "t

页面 笔记

1.样式切换 <style type="text/css"> tr.detail-row { display: none } tr.detail-row.open { display: block; display: table-row } </style> <tr><td><a href="#" class="show-details-btn"</a></div>&l

&lt;记录学习&gt;(前三天)京东页面各种注意点

培训学校第1到3天先学习HTML现在流行的是HTML5,目前学习的是HTML5规范.(给有基础一定的人学习)前三天学习的是京东页面的编写,和以前写的不同,页面看上去和自己写的一样,但老师讲的还是有很多不同,更加详细和细节.1.程序员的规范写法很重要,要方便别人的观看,因此注释十分重要.<注意点>2.页面的布局先要看好,分成几块,头部和尾部有很多通用的,可以写在一个css文件里.3.在用户主要访问的地方,可以写的尽可能美观,如"|"号,首部标签之间可以用<li>&

第四个页面:制作电影资讯页面

笔记内容:第四个页面:制作电影资讯页面 笔记日期:2018-01-18 点击轮播图跳转到文章详情页面 之前的文章列表页面还有一个小功能没有实现,就是点击点击轮播图就能跳转到相应的文章详情页面,这个和点击文章列表跳转到文章详情页面的实现方式是一样的. post.wxml修改轮播图代码如下: <!-- 添加点击事件,这里利用了事件冒泡的机制 --> <swiper catchtap='onSwiperTap' indicator-dots='true' autoplay='true' int

第五个页面:更多电影页面

笔记内容:第五个页面:更多电影页面 笔记日期:2018-01-27 跳转到更多电影页面以及获取电影类型 因为要编写一个新的页面,所以第一件事情就是创建好目录以及文件: 我们需要实现两个功能,一是点击电影资讯页面上的 "更多" 时,跳转到更多电影页面中,二是跳转时要获取相应的电影类型. 编辑movie-list-template.wxml,修改内容如下: <import src='../movie/movie-template.wxml' /> <template na

最后一个页面:构建电影详情页面

笔记内容:最后一个页面:构建电影详情页面 笔记日期:2018-02-02 电影搜索页面构建 我们想要有一个搜索电影的功能,需要在电影资讯页面顶部编写一个搜索框,当我们的鼠标焦点位于该搜索框时,就会显示出电影搜索页面,而点击搜索框的关闭图标时,需要隐藏电影搜索页面.所以这个电影搜索页面不是一个单独的页面文件,而是用隐/显的方式来做. 搜索框效果图: 要实现这个搜索框,我们首先需要一个表单组件:input,该组件的官方说明文档地址如下: https://mp.weixin.qq.com/debug/

01输入框回车触发操作

1 文件列表 共包含三个文件:EnterOperat.js.01EnterOperat.html和jquery-1.7.1.min.js 2 EnterOperat.js // js封装 (function(win){ // 页面加载的时候执行 $().ready(function(){ // 绑定事件 $('input').keydown(function(){ getEnter(); }); }); // 函数封装 win.getEnter = function(){ // 回车换行的key

APICloud知识教程 | sendEvent、execScript的应用附源码(上)

给大家分享一个小demo,关于sendEvent和execScript的使用,由于内容过多,本期内容将分为上.下两篇为大家奉上. sendEvent和execScript 这两个API个人觉得还比较常用的,经常在论坛里看到开发者对这两个API的使用存在一些疑惑,所以分享一些经验. 先看看首页页面: index代码(win): <!doctype html> <html> <head> <meta charset="utf-8"> <

FNScanner二维码接口openView自定义扫码Demo

本文出自APICloud官方论坛 FNScanner 模块是一个二维码/条形码扫描器,是 scanner 模块的优化升级版.在 iOS 平台上本模块底层集成了 Zbar 和系统自带的条形码/二维码分析库,由于 IOS 系统平台在 IOS7.0 以上才开放了二维码/条码的相关接口,所以在 IOS6 上运行时模块会调用开源库 Zbar 去读取解析二维码/条码.只有在 IOS7 以上版本才会调用系统自带扫码功能. 模块文档地址: docs.apicloud.com/Client-API/- 模块需要注