Simple top navigation bar

I don't want to talk much, but I still like the picture above The amount of code is not large, there is slight animation effect, it does not support left and right sliding, and the switching is smooth. The specific code is as follows: HTML: <div class="nav-box"> <div class="nav-tap"> ...

Added by weekenthe9 on Mon, 06 Jan 2020 04:05:21 +0200

Notes on left ear listening style: a prototype based programming paradigm

Prototype of JavaScript Prototype based programming is also a way of object-oriented programming. Like JavaScript is a prototype based programming idea. There is no concept of class in JavaScript. Even the class introduced in ES6 is essentially a syntactic sugar based on prototype inheritance. No new object-oriented inheritance model is introdu ...

Added by willchoong on Sun, 05 Jan 2020 16:19:03 +0200

Several properties in the drop-down list of text box and options

Several properties in the text box: value: set the initial text in the text box. Disabled: the default is false. This text box is disabled when it is true. readOnly: the default is false. When it is true, the text box cannot be typed and can only be read. focus(); this method can set the default get focus. The following is ...

Added by phpdood on Sun, 05 Jan 2020 07:14:16 +0200

Traversing Object Properties

var obj = { name: "Simon", age: "20", clothing: { style: "simple", hipster: false } } for(var propt in obj){ console.log(propt + ': ' + obj[propt]); } How does the variable propt represent the properties of an object?It is not a built-in method or property.Why does it contain every attribute in an object? #1st floor Traver ...

Added by dennismonsewicz on Sat, 04 Jan 2020 18:20:15 +0200

[UWP]UIElement.Clip is disabled, but it can play as well

1. Review the UIElement.Clip for WPF WPF has been around for a long time, but hardly ever actively uses its Clip property. I only remember that it is flexible enough to cut out many shapes.stay Official Documents After a review, the general usage and effect are as follows: <Image Source="sampleImages\Waterlilies.jpg" Width="200" Heigh ...

Added by Cynix on Sat, 04 Jan 2020 16:04:43 +0200

[Eclipse Plug-in Development] expand the code prompt and completion of Eclipse XML Editor

Follow the great God of Wu Xuan Eclipse code prompt and completion plug-in Later, we found that the plug-in extension is the Generic Text Editor (org.eclipse.ui.editors.text.TextEditor) that comes with eclipse, so the scope is limited to this general text editor. After using the Design Page of eclipse's XML Editor (org. Eclipse. WST. XML. UI. I ...

Added by virendrachandak on Sat, 04 Jan 2020 06:10:51 +0200

Native JS carousel

Native JS carousel Today write a native JS write carousel JS effect. Implementation principle: 1. Create an array to write the corresponding z-index, opacity, top, width for each picture; 2. The operation to realize rotation is to put the first group of values in the built array into the last group, and click the button to execute once. Display ...

Added by PHPnewby! on Fri, 03 Jan 2020 17:53:24 +0200

Built-in functions commonly used in Python 3

cmp() function describe The cmp(x,y) function compares two objects, returning -1 if x < y, 0 if x == y, and 1 if x > y. grammar cmp( x, y ) parameter x -- A numeric expression. y -- A numeric expression. Return value Returns -1 if x < y, 0 if x == y, and 1 if x > y. print "cmp(80, 100) : ", cmp(80, 100) print "cmp(180, 100) : ", c ...

Added by saami123 on Fri, 03 Jan 2020 17:12:00 +0200

DelegatingFilterProxy of spring framework

Note: the analysis version is spring framework-4.3. X, and the source code can be downloaded on Github 1. Class inheritance diagram Previous picture Figure 1 class inheritance diagram of DelegatingFilterProxy DelegatingFilterProxy just inherits GenericFilterBean directly, as follows     List-1 public class DelegatingFilterProxy extends ...

Added by Elizabeth on Fri, 03 Jan 2020 14:38:56 +0200

text(),html() and val() in jQuery

text() This method sets or returns the text content of the selected element example: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> & ...

Added by jpbox on Thu, 02 Jan 2020 17:04:30 +0200